Kratak odgovor: da biste provjerili favicon svoje web stranice online, unesite svoju domenu u besplatni Provjeritelj favikona PromoPilota i kliknite "Provjeri". Alat će pronaći sve ikone deklarirane u HTML-u i smještene u standardnim putanjama poput /favicon.ico, prikazati pregled i veličinu svake, provjeriti ikonu Apple Touch i reći vam koje veličine nedostaju. U nastavku je minimalni skup ikona, gotov kod i razlozi zašto Google prikazuje sivi globus umjesto vašeg logotipa.
Izrađujem web stranice već 12 godina i znam: favikon se zaboravlja češće od bilo kojeg drugog elementa. Dizajner stvara logotip, programer izrađuje web stranicu, a opet nitko nikada ne doda favikon na karticu - sve dok prvi klijent ne pita: "Zašto naš konkurent ima favikon na Google, a mi nemamo?"
Što provjerava Favicon Check?
Ikona web-mjesta više nije samo jedna datoteka favicon.ico. Preglednici, iPhone, Android i Google koriste različite datoteke i veličine. Ovaj alat ih sve agregira u jedno izvješće.
| Što provjerava? | Što on gleda? | Zašto je ovo potrebno stranici? |
|---|---|---|
| Ikone iz HTML-a | Sve oznake <link rel="icon">, shortcut icon, apple-touch-icon | Upravo ih preglednici i Google prvo i najvažnije koriste |
| Standardne staze | /favicon.ico u korijenu stranice i ostale tipične adrese | Mnogi sustavi traže ikonu tamo čak i bez oznake. |
| Veličina svake ikone | Širina i visina u pikselima, format ICO, PNG, SVG | Mala ikona je mutna na zaslonima visoke razlučivosti. |
| Ikona Apple Toucha | Postoji li ikona za iPhone i iPad? | Bez njega, snimka zaslona stranice će se pojaviti na početnom zaslonu. |
| Pregled | Kako izgleda svaka pronađena ikona? | Možete vidjeti ikone slomljene, prazne ili strane (predloške) |
| Preporuke | Koje veličine nedostaju? | Gotov popis zadataka za dizajnera |
Kako provjeriti favicon web stranice online?
- Otvorite alat za provjeru ikona favikona.
- Unesite domenu - dovoljno je
example.com, bez navođenja stranice. - Kliknite "Provjeri". Alat će analizirati HTML početne stranice i standardne putanje.
- Pregledajte pronađene ikone: pregled, format i veličinu svake. Provjerite postoji li među njima standardna ikona CMS-a ili hostinga.
- Pročitajte preporuke i dizajneru dostavite nedostajuće dimenzije ili ih sami izradite.
Stranica alata: polje domene, gumb "Provjeri" i opis provjera s često postavljanim pitanjima.
Provjera je jednostavna - ograničenje broja gostiju je dovoljno za usporedbu s vašom web-stranicom i stranicama nekoliko konkurenata. Ikone s bilo koje web-stranice mogu se pregledati i preuzeti - što je praktično ako trebate pronaći original vlastitog logotipa, izgubljenog zajedno sa starim izvođačem radova.
Koje su veličine favicona potrebne u 2026. godini?
Generatori ikona često proizvode 20 datoteka, ali ono što je stvarno potrebno je kompaktan skup. Evo minimuma koji koristim za sve svoje projekte:
| Datoteka | Veličina | Gdje se koristi? |
|---|---|---|
favicon.ico | 16×16 i 32×32 u jednoj datoteci | Stari preglednici, sustavi koji traže ikonu u korijenu |
favicon.svg | Vektor | Moderni preglednici, jasni na bilo kojem zaslonu |
apple-touch-icon.png | 180×180 | Početni zaslon iPhonea i iPada |
icon-192.png i icon-512.png | 192×192 i 512×512 | Web-manifest: Android, instaliranje web stranice kao aplikacije |
I kod za <head>:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Savjet za dizajn: Pri 16 piksela, logotip i tekst postaju mutni. Koristite simbol, prvo slovo naziva ili pojednostavljeni znak na kontrastnoj pozadini. Za ikonu Apple Touch nemojte koristiti prozirnu pozadinu - iOS će je ispuniti crnom bojom.
Kako sami napraviti favicon, bez dizajnera?
Ako uopće nemate ikone, osnovni set možete stvoriti za pola sata. Evo postupka:
- Koristite simbol, ne cijeli logotip. Koristite prvo slovo naziva, simbol iz logotipa ili jednostavan geometrijski oblik u boji brenda. Pazite da bude prepoznatljiv na 16 piksela.
- Nacrtajte kvadrat dimenzija 512x512. Bilo koji grafički urednik ili online dizajner će poslužiti. Ostavite margine oko rubova kako znak ne bi prelazio preko okvira.
- Spremite izvornu datoteku kao SVG — postat će
favicon.svg, a sve PNG datoteke potrebnih veličina mogu se izrezati bez gubitka kvalitete. - Preostale veličine (ICO, 180, 192) generirajte u generatoru ikona i datoteke postavite u korijen web-mjesta.
- Zalijepite kod u glavu i ponovno provjerite rezultat u alatu.
Provjerite kako ikona izgleda u tamnoj temi preglednika: crna ikona na prozirnoj pozadini jednostavno nestaje u tamnoj Chrome kartici. Svijetla pozadina ili kontrastni obris će pomoći.
Zašto Google ne prikazuje favicon stranice?
Najčešće postavljano pitanje: Ako u rezultatima pretraživanja vidite sivi globus pored adrese, obično postoji nekoliko razloga:
- Ikona nije kvadratna. Google zahtijeva omjer slike 1:1 i veličinu od najmanje 8x8, ali preporučuje veću od 48x48: sićušna ikona
favicon.icood 16x16 izgleda mutno u rezultatima pretraživanja. - Ikona je blokirana za robote. Google -Image mora imati pristup datoteci ikone, a Google mora imati pristup glavnoj datoteci. Ako je mapa slike blokirana u robots.txt datoteci ili se datoteka vrati s pogreškom, ikona se neće pojaviti u rezultatima pretraživanja.
- Oznaka nije na početnoj stranici. Google uzima favicon s početne stranice domene ili poddomene; odjeljak početne stranice, poput
example.com/shopnije prikladan. - Adresa ikone je nestabilna. Ako se putanja mijenja sa svakom izradom web-mjesta (
/icon.a83f2.png), Google je možda neće moći brzo ažurirati. - Prošlo je dosta vremena. Google ne ažurira favicon odmah nakon ispravka; možete to ubrzati zahtjevom za ponovno skeniranje početne stranice u Search Consoleu. Google ne navodi točan vremenski okvir, stoga provjerite rezultate tek nakon nekoliko dana.
- Ikona krši pravila. Google zamjenjuje neprihvatljive slike standardnom ikonom.
Usporedba: Provjera ikona favikona i alternative
| Alat | Što je besplatno? | Ograničenja | Za koga je prikladno? |
|---|---|---|---|
| PromoPilot - Provjera ikona profila | Sve ikone iz HTML-a i standardne putanje, veličine, pregledi, Apple Touch ikona, preporuke | Ne stvara ikone, provjerava glavnu | Brzo provjerite svoju web stranicu ili web stranicu konkurenta |
| RealFaviconGenerator | Generiranje skupa ikona i koda, provjera favicona | Generator proizvodi mnogo datoteka, morate shvatiti koje zadržati | Za one koji trebaju izraditi ikone od nule |
| Google Search Console | Zahtjev za ponovno skeniranje glavnog | Samo njegova provjerena stranica, ne provjerava ikonu | Ubrzajte ažuriranja ikona u rezultatima pretraživanja |
| Alati za razvojne programere u pregledniku | Kartica s manifestom i ikonama | Morate znati gdje tražiti | Za razvojne programere |
Zaključak: online alat je praktičniji za provjeru, generator za stvaranje skupa, a Search Console za ubrzavanje ažuriranja u Google.
Usput, PromoPilot ima 87 besplatnih SEO alata. Lako možete vidjeti kako favicon izgleda pored naslova u SERP pregledu - imamo zaseban članak o tome u našoj seriji.
Koja su ograničenja provjere favicona?
Alat provjerava što web-mjesto oglašava i vraća: neće vam reći kada Google ažurira ikonu u rezultatima pretraživanja - to ovisi o samoj tražilici. Ako ikone doda skripta nakon što se stranica učita, neke možda neće biti uključene u izvješće. Provjera također pregledava domenu u cjelini - ako različiti dijelovi web-mjesta imaju različite ikone (na primjer, poddomena trgovine), provjerite ih zasebno.
Kada besplatni alat nije dovoljan?
Favicon je manji problem koji rijetko zahtijeva stručnjaka. Ali postoje slučajevi kada je manji problem simptom. Pomoć je potrebna ako:
- ikona je ispravna, ali Google već mjesecima prikazuje globus - to znači da je problem s pristupom robota ili s predloškom;
- brend nema jednostavan logo i potreban mu je korporativni stil koji funkcionira na 16 piksela;
- stranica se kompilira pomoću alata za izradu web-stranica, a putevi do ikona mijenjaju se sa svakim ažuriranjem;
- Favicon je samo jedna od desetaka manjih grešaka koje su se nakupile tijekom godina.
Što mogu učiniti za vašu web stranicu?
Ja sam Valeriy Danyuk, programer i SEO stručnjak s 12 godina iskustva i više od 200 klijenata. Postavljam favicone, preglede društvenih mreža i označavanje na svakoj web stranici prije njenog pokretanja.
SEO i revizija
- SEO revizija web stranice po principu "ključ u ruke": Pronalazim sve tehničke detalje - od favikona i pregleda do indeksiranja i brzine - i ispravljam ih u kodu.
Web stranice i online trgovine
- Izradite web stranicu u stilu tuđe web stranice za nekoliko minuta — na 1001site ikone, pregledi i izgled konfiguriraju se automatski.
- Tilda s pretplatom ili web stranica s umjetnom inteligencijom - iskrena usporedba pristupa.
- Koliko košta web stranica po principu "ključ u ruke" u 2026. godini? Koji su čimbenici koji određuju cijenu?
- WordPress web stranica s AI asistentom za 299 € i 3 dana.
CRM i automatizacija
- Prilagođeni CRM sustav s bazom podataka kupaca i donositelja odluka za tvrtku iz Slovačke.
- CRM za tvrtku za rastavljanje automobila koji automatski izračunava cijene i ispisuje račune.
Pošalji mi adresu web stranice u Telegram - provjerit ću ikone i pet ili šest drugih sitnica koje se često zaborave.
Proizlaziti
- Favicon Checker pronalazi sve ikone web-mjesta, njihove veličine i prikazuje koje nedostaju u minuti.
- Minimalni set: favicon.ico, favicon.svg, Apple Touch Icon 180×180 i ikone 192 i 512 za web-manifest.
- Za Google ikona mora biti kvadratna, veća od 48x48, dostupna robotu i deklarirana na glavnoj stranici.
- Ako je lakše obnoviti web stranicu nego popraviti manje probleme, 1001site automatski prilagođava ikone i preglede.
Provjerite svoju domenu besplatnim Favicon Checkerom – i istovremeno provjerite domenu svog glavnog konkurenta.
Izvori
- PromoPilotova stranica za provjeru ikona favikona — popis provjera i često postavljana pitanja.
- Google Search Central - Zahtjevi za favikonu rezultata pretraživanja.
- RealFaviconGenerator — generira i testira skup ikona.
