Favicon.ico létrehozása: 5 lépés (képekkel)

Tartalomjegyzék:

Favicon.ico létrehozása: 5 lépés (képekkel)
Favicon.ico létrehozása: 5 lépés (képekkel)

Videó: Favicon.ico létrehozása: 5 lépés (képekkel)

Videó: Favicon.ico létrehozása: 5 lépés (képekkel)
Videó: REVAN - THE COMPLETE STORY 2024, Lehet
Anonim

Amikor meglátogat egy olyan webhelyet, mint a Google, a Yahoo vagy a wikiHow, észreveheti, hogy a címsáv bal oldalán található egy kis ikon. Ez favicon néven ismert, és saját webhelyeket hozhat létre. Amellett, hogy professzionálisabb hangulatot kölcsönöz webhelyének, az ikon megjelenik a felhasználó könyvjelzőiben a webhely bármely oldala mellett, amelyet a kedvenceibe helyez. Ez segíthet nekik abban, hogy könnyebben megtalálják webhelyét.

Lépések

Favicon.ico létrehozása 1. lépés
Favicon.ico létrehozása 1. lépés

1. lépés Hozzon létre egy 16x16 képpont méretű képet

Egyszerű képnek kell lennie, hogy azonnal felismerhető legyen.

Favicon.ico létrehozása 2. lépés
Favicon.ico létrehozása 2. lépés

2. lépés Konvertálja a képet favicon.ico fájlba

Pontosan így kell nevezni, különben a böngésző nem ismeri fel. Ennek egyszerű módja a Dynamic Drive FavIcon Generator használata. Egy másik lehetőség egy ingyenes képszerkesztő GIMP használata, és a 16x16 kép mentése ICO formátumban.

Favicon.ico létrehozása 3. lépés
Favicon.ico létrehozása 3. lépés

3. lépés. Töltse fel a létrehozott fájlt a webhelyére

Favicon.ico létrehozása 4. lépés
Favicon.ico létrehozása 4. lépés

4. lépés: Adja hozzá a következő kódot webhelye HTML -kódjához

Helyezze be a kód szakaszába, és ellenőrizze, hogy az ikonhoz vezető útvonal helyes -e a weboldalhoz képest. A kód a következő (feltételezve, hogy a.html és az.ico is ugyanabban a felső könyvtárban található):

Favicon.ico létrehozása 5. lépés
Favicon.ico létrehozása 5. lépés

5. lépés. Frissítse az oldalt, lépjen hátra, és csodálja meg webhelye gyönyörű új ikonját

Tippek

  • Annak ellenére, hogy az ikonja nagyon kicsi lesz, győződjön meg arról, hogy mások könnyen el tudják olvasni/megérteni.
  • Ha Linuxot használ, a fájlt közvetlenül a számítógépén konvertálhatja. Csak válassza ki a megfelelő képet, nyissa meg a parancssort, navigáljon a könyvtárba, ahol a képet tárolja, és írja be: convert picture-p.webp" />

Ajánlott: