Ako pridať Favicon?

Že títo používatelia uvidia váš favicon
Aby ste zaistili, že títo používatelia uvidia váš favicon, pridajte riadok kódu na každú stránku, ktorá odkazuje na súbor.

Favicon je malá ikona umiestnená vedľa adresy webovej stránky v prehliadači a v ponuke záložiek. Táto príručka vás naučí, ako pridať svoj vlastný vlastný favicon na webovú stránku, a tiež prispôsobiť favikony, ktoré sa zobrazujú na webových stránkach iných ľudí vo vašich záložkách v prehliadači Google Chrome.

Metóda 1 z 2: Pridanie favicon na webovú stránku

  1. 1
    Stiahnite si alebo vytvorte favicon. Ak chcete zmeniť malú ikonu, ktorá sa vo webových prehliadačoch zobrazuje vedľa názvu vašej webovej stránky, začnite stiahnutím alebo vytvorením favicon.
    • Ak chcete zaistiť, aby bol váš favicon kompatibilný so všetkými prehliadačmi, uistite sa, že je. ico súbor veľký 16 x 16 pixelov.
    • Názov súboru vášho favicon by mal byť favicon.ico. Ak súbor ešte nemá tento názov, premenujte ho.
  2. 2
    Odovzdajte favicon do hlavného adresára svojich webových stránok. Niektorí weboví hostitelia vám umožňujú nahrať váš favicon prostredníctvom online editora, zatiaľ čo iní vyžadujú, aby ste ho pomocou FTP preniesli do hlavného priečinka webovej stránky.
    • Ak má váš web webový ovládací panel/editor, favicon môžete zvyčajne nahrať niekoľkými kliknutiami. Na niektorých obľúbených webových hostiteľoch postupujte takto:
      • Wordpress: Otvorte stránku správcu a kliknite na položku Vzhľad, potom na položku Prispôsobiť a potom na položku Identita stránky. Kliknite na položku Vybrať súbor v časti „Ikona stránky “, nahrajte súbor favicon.ico a potom kliknite na položku Uložiť a publikovať.
      • Weebly: Otvorte editor svojich stránok a na paneli s ponukami kliknite na položku Nastavenia, v časti „Favicon“ kliknite na položku Odovzdať. a potom nahrajte súbor. Kliknutím na položku Publikovať uložte zmeny.
      • Squarespace: V ponuke Domov kliknite na položku Návrh, potom na položku Logo a názov a potom posuňte zobrazenie nadol na pole „IKONA PREHĽADÁVAČA (FAVICON)“. Presuňte favicon.ico do poľa, počkajte, kým sa nahraje, a potom kliknite na tlačidlo Uložiť.
      • Blogger: Otvorte editor stránok a v ľavom stĺpci kliknite na položku Rozloženie, potom kliknite na položku Upraviť v poli „Favicon“, nahrajte súbor a potom kliknite na položku Uložiť.
    • Ak prenášate súbory na svojho webového hostiteľa prostredníctvom protokolu FTP, pomocou aplikácie FTP preneste server favicon.ico do hlavného priečinka vášho webu. Po odovzdaní favikonu by mala byť úplná cesta „http://vasadomena.com/favicon.ico“.
  3. 3
    Pridajte odkaz na svoj zdrojový kód (voliteľné). Ak ste svoj favicon nahrali prostredníctvom webového ovládacieho panela, tento krok nie je potrebné dokončiť. A pretože všetky moderné webové prehliadače sú predvolene nastavené tak, aby pri načítaní webovej stránky vyhľadávali súbor s názvom „favicon.ico“, nie je povinné tento krok vykonávať pri iných typoch webových stránok. Niektorí pokročilejší používatelia Firefoxu a Opery však upravujú svoje nastavenia, aby zabránili načítaniu faviconov týmto spôsobom. Aby ste zaistili, že sa týmto používateľom zobrazí váš favicon, pridajte riadok kódu na každú stránku, ktorá odkazuje na súbor. Tu je postup:
    • Otvorte súbor zdrojového kódu HTML pre stránku na vašom webe.
    • Niekde medzi značky <head> a </head> pridajte do nového riadka nasledujúci kód:
      • <link rel="shortcut icon" href="http://example.com/myicon.ico">
      • Ak používate niečo iné ako HTML, upravte kód tak, aby zodpovedal jazyku, ktorý používate.
    • Uložte zmeny a znova nahrajte (alebo znova zverejnite) stránku.
    • Zopakujte tieto kroky pre ostatné stránky na vašom webe.
    Pre ktorú chcete pridať favicon
    Ak ste si adresu URL, pre ktorú chcete pridať favicon, ešte nezaznamenali do záložiek, urobte to teraz.
  4. 4
    Otestujte si svoj favicon. Načítajte svoj web v novom okne prehliadača. Ak mal váš web iný favicon, váš nový sa vám nemusí zobraziť, kým nevymažete vyrovnávaciu pamäť (alebo vyskúšajte iný webový prehliadač, ktorý ste na zobrazenie svojich webových stránok nepoužili).

Metóda 2 z 2: Pridanie favikónu so záložkami do prehliadača Google Chrome

  1. 1
    Stiahnite si alebo vytvorte favicon. Ak chcete zmeniť malú ikonu, ktorá sa zobrazuje vedľa záložky prehliadača Chrome, môžete použiť bezplatné rozšírenie s názvom Bookmark Favicon Changer. Začnite stiahnutím alebo vytvorením favicon, ktorý chcete použiť.
    • Voľne dostupné favikony môžete stiahnuť a vyhľadať na Googli „bezplatné favikony“.
    • Väčšina favicon je k dispozícii vo formáte as.ico alebo.png, ktoré majú veľkosť 16 x 16 pixelov. Záložka Favicon Changer zmení veľkosť akéhokoľvek typu súboru obrázka na 16 x 16, takže si nemusíte robiť starosti s nájdením súboru, ktorý vyhovuje týmto kritériám.
    • Ak ste si adresu URL, pre ktorú chcete pridať favicon, ešte nezaznamenali do záložiek, urobte to teraz.
  2. 2
    V prehliadači Google chrome prejdite na stránku https://chrome.google.com/webstore/. Ak ešte nie ste prihlásení do svojho účtu Google, urobte to teraz kliknutím na položku Prihlásiť sa v pravom hornom rohu.
  3. 3
    Napíšte bookmark favicon do vyhľadávacieho poľa a stlačte enter alebo return. Vyhľadávacie pole je v ľavom hornom rohu internetového obchodu Chrome.
  4. 4
    Kliknite na položku Pridať do chrómu vedľa položky „Menič záložiek favicon “. Malo by byť v hornej časti výsledkov vyhľadávania. Zobrazí sa vyskakovacie okno.
    Favicon je malá ikona umiestnená vedľa adresy webovej stránky v prehliadači
    Favicon je malá ikona umiestnená vedľa adresy webovej stránky v prehliadači a v ponuke záložiek.
  5. 5
    Kliknite na položku Pridať rozšírenie. Po pridaní rozšírenia sa v pravom hornom rohu prehliadača zobrazí potvrdzovacia správa (a v závislosti od vašich nastavení nová ikona s dvoma prekrývajúcimi sa štvorcami vnútri panela s adresou).
    • Na dokončenie inštalácie budete možno musieť zadať ďalšie informácie, napríklad heslo správcu.
  6. 6
    Pravým tlačidlom myši kliknite na ikonu meniča záložiek. Sú to dve prekrývajúce sa štvorce v pravom hornom rohu prehliadača Chrome. Rozbalí sa ponuka.
    • Ak sa zobrazí čierne vyskakovacie okno s textom „Táto stránka nie je označená záložkami a nezhoduje sa s pravidlom ikony karty “, začiarknite políčko „Už nezobrazovať toto kontextové okno“, kliknite kdekoľvek na stránke a potom znova kliknite na ikonu Záložka Favicon Changer.
  7. 7
    Kliknite na položku Spravovať rozšírenia. Je v spodnej časti ponuky. Otvorí sa stránka s nastaveniami prehliadača Chrome, ktorá vám umožní vykonávať zmeny vo vašich rozšíreniach.
  8. 8
    Posuňte zobrazenie nadol a posuňte zapnutím možnosti „povoliť prístup k adresám URL súborov“. Toto dáva rozšíreniu povolenie pridávať favikony na všetky adresy URL.
  9. 9
    Znova kliknite pravým tlačidlom myši na ikonu meniča záložiek a vyberte položku Možnosti. Tým by sa mala otvoriť modrá stránka, ktorá zobrazí zoznam vašich záložiek.
    • Ak sa zobrazí čierne vyskakovacie okno s textom „Táto stránka nie je označená záložkami a nezhoduje sa s pravidlom ikony karty“, začiarknite políčko „Už nezobrazovať toto kontextové okno“, kliknite kdekoľvek na stránke a potom to skús znova.
    Ak sa vám v protokole v pravom hornom rohu stránky zobrazí chyba „Nie je možné potvrdiť zmenu favicon
    Ak sa vám v protokole v pravom hornom rohu stránky zobrazí chyba „Nie je možné potvrdiť zmenu favicon záložky“, nemusíte sa obávať-favicon sa vo vašich záložkách stále zobrazuje.
  10. 10
    Kliknite pravým tlačidlom myši na záložku, ktorú chcete zmeniť. Rozbalí sa ponuka.
  11. 11
    Kliknite na položku Zmeniť favicon. V počítači sa otvorí prehliadač súborov.
  12. 12
    Vyberte favicon a kliknite na Otvoriť. To importuje favicon do prehliadača. Zobrazí sa okno s priebehom. Akonáhle sa okno zatvorí, mal by byť pridaný favicon.
    • Ak sa vám v protokole v pravom hornom rohu stránky zobrazí chyba „Nie je možné potvrdiť zmenu favicon záložky“, nemusíte sa obávať-favicon sa vo vašich záložkách stále zobrazuje. Môžete to potvrdiť otvorením záložiek v prehliadači Chrome.
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail