Favicon - imajte ikonu svoje web-lokacije u adresnoj traci
Određene web-lokacije imaju ikonu s lijeve strane URL-a u adresnoj traci internetskog preglednika. Postoji nekoliko metoda za stvaranje favikona ili ikone za web-lokaciju koja se može prikazati u adresnoj traci. Softver za crtanje kao što je Gimp, Pixia ili specijalizirani softver kao što je IconEdit32 ili IconWare može se koristiti za stvaranje favikona . Postoje web-lokacije koje se mogu koristiti za pretvaranje slikovne ikone. Neke web-lokacije webmasterima omogućuju generiranje ICO datoteke i animiranje ikone . Oznaka veze koristi se za označavanje staze favikona i stavlja je na mrežu tako da posjetitelji web-lokacije mogu vidjeti ikonu u adresnoj traci.
- Stvaranje favikona
- Za većinu preglednika:
- Za Internet Explorer:
- Da biste stvorili animirani favicon ili generirali ICO datoteku
- Stavljanje favicon online
- Bilješke
Vjerojatno ste primijetili prisutnost ikone s lijeve strane URL-a u adresnoj traci preglednika prilikom pristupa određenim web-lokacijama?
Da biste ovu vrstu ikone implementirali na vlastitu web-lokaciju, slijedite korake u nastavku.
Stvaranje favikona
Postoji nekoliko načina:
- Softver za crtanje (Gimp, pixia, inkscape ...)
- Specijalizirani softver (IconEdit32 ili IconWare)
- Web-lokacije (koje pretvaraju slikovnu ikonu):
- //www.html-kit.com/favicon/
- //www.html-kit.com/favicon
- //www.favicon.co.uk/
- //www.favicon.hu/
- //tools.dynamicdrive.com/favicon/
- //favikon.com/
Za većinu preglednika:
Prvi korak je stvaranje slike u png ili gif.
Možete birati između različitih veličina, 16x16 ili 32x32 (piksela).
Za Internet Explorer:
Za ovaj preglednik koristite sliku ili .ico datoteku (preimenovana u bmp) veličine 16x16 piksela.
Da biste stvorili animirani favicon ili generirali ICO datoteku
//www.html-kit.com/favicon/
- Gornja veza omogućit će vam da ne samo jednostavno generirate ICO datoteku, već i da animirate vaš favicon i pomičete tekst ako želite.
- Kliknite gumb Pregledaj i odaberite sliku na računalu.
- Također možete dodati tekst za pomicanje iza svoje ikone; automatski generira animiranu ikonu.
- Konačno, također je moguće generirati animiranu ikonu bez teksta, tako da označite animirani Favicon (sam favicon koji se čini da se pomiče).
- Zatim kliknite gumb Generiraj Favicon.ico
- Tada ćete imati pregled vašeg favikona.
- Zatim jednostavno preuzmite komprimiranu datoteku na svoje računalo.
- Nakon raspakiranja datoteke, kopirajte datoteku favicon.ico na svoju web-lokaciju.
- Ako ste preuzeli animiranu ikonu, ZIP datoteka će sadržavati i dodatnu datoteku koja sadrži animirani favicon (animated_favion1.gif), a zatim je kopirajte na vašu web-lokaciju.
Stavljanje favicon online
- Da biste favicon stavili na svoju web-lokaciju, označite put putem oznaka veze koje se nalaze u zaglavlju.
- Evo primjera s png slikom:
- Ovisno o formatu, atribut "tip" će se promijeniti:
Png: slika / png
Gif format: image / gif
Jpeg format (jpeg ili jpg proširenje): image / jpeg
- A ako imate favicon koji ne zadovoljava standarde, atribut "rel" također mijenja:
link rel = "ikona prečaca" type = "image / x-icon" href = "/ images / icon_ie.ico" />
- Ako je ikona animirana (GIF, umetnite sljedeću oznaku: