Favicon - oma saidi ikooni aadressiribal

Teatud veebisaitidel on veebibrauseri aadressiribal URL-i vasakul pool ikoon. Favicon'i või veebisaidi ikooni loomiseks, mida saab kuvada aadressiribal, on mitu meetodit. Faviconi loomiseks saab kasutada sellist joonistustarkvara nagu Gimp, Pixia või spetsiaalne tarkvara, näiteks IconEdit32 või IconWare . On veebisaite, mida saab kasutada kujutise muutmiseks. Mõned veebilehed võimaldavad veebimeistritel luua ICO-faili ja animeerida faviconi . Lingi märgist kasutatakse faviconi tee näitamiseks ja selle võrgus asetamiseks, et veebisaidi külastajad näeksid aadressiribal ikooni.

  • Favikoni loomine
    • Enamiku brauserite puhul:
    • Internet Exploreri puhul:
  • Animeeritud faviconi loomiseks või ICO-faili loomiseks
  • Faviconi online-levitamine
  • Märkused

Olete ilmselt märganud, et teatud veebisaitide külastamisel on brauseri aadressiribal URL-i vasakul poolel ikoon olemas?

Seda tüüpi ikooni oma veebilehel rakendamiseks järgige alltoodud samme.

Favikoni loomine

On mitmeid meetodeid:

  • Joonistustarkvara (Gimp, pixia, inkscape ...)
  • Spetsiaalsed tarkvara (IconEdit32 või IconWare)
  • Veebisaidid (mis muudavad pildi favicon):
    • //www.html-kit.com/favicon/
    • //www.html-kit.com/favicon
    • //www.favicon.co.uk/
    • //www.favicon.hu/
    • //tools.dynamicdrive.com/favicon/
    • //favikon.com/

Enamiku brauserite puhul:

Esimene samm on luua pilt png või gif.

Saad valida erinevate suuruste, 16x16 või 32x32 (pikslite) vahel.

Internet Exploreri puhul:

Selle brauseri puhul kasutage 16x16 pikslit kujutist või .ico-faili (ümbernimetatud bmp).

Animeeritud faviconi loomiseks või ICO-faili loomiseks

//www.html-kit.com/favicon/

  • Ülaltoodud link võimaldab teil mitte ainult genereerida ICO-faili lihtsalt, vaid ka animeerida oma faviconi ja sirvida teksti, kui soovite.
  • Klõpsake nupul Sirvi ja valige oma arvutis pilt.
  • Võite ikooni lisamiseks kerida ka teksti; see genereerib automaatselt animeeritud ikooni.
  • Lõpuks on võimalik luua ka animeeritud ikoon ilma tekstita, kontrollides Animated Favicon (favicon ise, mis paistab olevat keritav).
  • Seejärel klõpsake nuppu Loo Favicon.ico
  • Teil on siis ülevaade oma faviconist.
  • Seejärel laadige lihtsalt lukustatud fail arvutisse.
  • Pärast faili lahtivõtmist kopeerige fail favicon.ico saidile.
  • Kui olete alla laadinud animeeritud ikooni, sisaldab ZIP-fail ka lisafaili, mis sisaldab animeeritud faviconit (animated_favion1.gif) ja seejärel kopeerib selle oma saidile.

Faviconi online-levitamine

  • Faviconi oma saidile panemiseks märkige selle tee pealkirjast leitud linkide abil.
  • Siin on näide png-pildiga:

  • Olenevalt vormingust muutub atribuut "tüüp":

Png: image / png

Gif-vorming: image / gif

Jpeg-vorming (jpeg- või jpg-laiendus): image / jpeg

  • Ja kui teil on standard, mis ei vasta standardile, muutub atribuut "rel" ka:

 link rel = "otsetee ikoon" type = "image / x-icon" href = "/ images / icon_ie.ico" /> 
  • Kui teie ikoon on animeeritud (GIF, sisestage järgmine sild:

Märkused

Eelmine Artikkel Järgmine Artikkel

Top Näpunäited