Koji fajlovi vam trebaju i zašto
| Fajl | Veličina | Za šta služi |
|---|---|---|
favicon.ico | 16, 32 i 48 px | Kartice pregledača, obeleživači i Google pretraga, koja ICO navodi među formatima koje podržava. |
favicon-32.png | 32 × 32 | Kartice u novim pregledačima. |
icon-192.png | 192 × 192 | Početni ekran na Androidu i manifest. Veća je i od 48 × 48 px, kako Google preporučuje za pretragu. |
icon-512.png | 512 × 512 | Manifest. web.dev navodi da Chrome traži bar ikonice 192 × 192 i 512 × 512. |
apple-touch-icon.png | 180 × 180 | Početni ekran na iPhone-u i iPad-u. Apple vodič za iPhone koristi 180 × 180 i traži ovo ime u korenu sajta. |
site.webmanifest | tekst | Ime, ikonice i boje za telefone, povezano manifest tagom. |
Google pretraga i vaš favicon
Google prikazuje jedan favicon po imenu hosta, pa www.example.com i shop.example.com mogu da imaju različite ikonice, ali podfolder ne može. Ikonica mora da bude kvadratna i najmanje 8 × 8 px, a Google preporučuje veću od 48 × 48 px.
Tag mora da bude na početnoj strani, a Google mora da sme da pročita i početnu stranu i fajl ikonice. Ikonicu držite na istoj adresi. Promena može da se vidi tek posle nekoliko dana ili nedelja, a Google ne obećava da će prikazati favicon čak ni kad je sve kako treba.
Kako da ga dodate na sajt
- Postavite fajlove iz ZIP-a u koren sajta, u folder sa početnom stranom.
- Nalepite tagove u head deo svojih strana. Ako koristite drugi folder, prvo ga upišite iznad, da tagovi pokazuju na pravo mesto.
- Na WordPress-u 6.5 ili novijem možete i da otvorite Settings, pa General, i postavite icon-512.png kao Site Icon. WordPress traži kvadratnu sliku od najmanje 512 × 512 px i sam pravi ostale veličine.
- Otvorite sajt u novoj kartici da proverite. Pregledači neko vreme pamte staru ikonicu, pa se promena brže vidi u privatnom prozoru.
Pitanja
Da li mi i dalje treba favicon.ico?
To je najsigurniji izbor. Google pretraga podržava ICO, a neki pregledači i alati i dalje traže /favicon.ico u korenu sajta. Novi pregledači koriste i PNG fajlove iz tagova.
Zašto Apple ikonica ima pozadinu?
Dajemo joj punu pozadinu, vašu boju ili belu, da lepo izgleda na svakoj pozadini telefona i da ne zavisi od toga kako telefon prikazuje providne delove.
Mogu li da koristim SVG logo?
Možete, i on daje najoštriji rezultat, jer ga alat crta iznova u svakoj veličini. Jednostavni i debeli oblici se najbolje vide na 16 px. Tanke linije i sitan tekst nestaju.
Da li vidite ili čuvate moj logo?
Ne. Vaši fajlovi ne napuštaju vaš uređaj. Pregledač pravi ikonice u ovoj kartici i ništa se ne šalje niti čuva.
Izvori: Google Search Central: favicon u rezultatima pretrage, Apple: Configuring Web Applications, web.dev: Add a web app manifest, MDN: Web app manifest i WordPress: Create a Favicon. Provereno u oktobru 2026.