Favicon Generator

Što je generator favicona?

Favicon je mala ikona prikazana u karticama preglednika, oznakama, rezultatima pretraživanja i prečacima aplikacija za web stranicu. Tipično 16×16, 32×32 ili 48×48 piksela, faviconi pomažu korisnicima identificirati vašu stranicu među mnogim otvorenim karticama. Ovaj alat generira favicone u svim potrebnim veličinama i formatima iz jedne izvorne slike.

Moderne web stranice trebaju višestruke veličine favicona: 16×16 i 32×32 za kartice preglednika, 180×180 za Apple touch ikone, 192×192 i 512×512 za prečace Android početnog zaslona i ponekad SVG za skalabilni prikaz. Ovaj alat generira sve potrebne veličine iz jednog učitavanja, plus potrebne HTML link tagove za uključivanje u vašu stranicu.

Kako koristiti ovaj alat

Učitajte kvadratnu sliku (idealno barem 512×512 piksela). Alat generira sve standardne veličine i formate favicona. Pregledajte kako svaka veličina izgleda. Preuzmite kompletni paket favicona uključujući ICO datoteku, PNG verzije i HTML meta tagove za lijepljenje u odjeljak head vaše stranice.

Potrebne veličine favicona

• 16×16 — ikona kartice preglednika (klasična veličina favicona).
• 32×32 — prečac programske trake, kartice preglednika visoke razlučivosti.
• 180×180 — Apple Touch ikona za iOS početni zaslon.
• 192×192 i 512×512 — Android početni zaslon i zaslon za učitavanje (PWA manifest).

Savjeti za dizajn favicona

Faviconi moraju biti prepoznatljivi u malim veličinama. Koristite smjele oblike, jednostavnu geometriju i visoki kontrast. Tekst rijetko funkcionira ispod 32×32. Jedno slovo ili apstraktni simbol vašeg brenda je najučinkovitiji. Testirajte favicon pri stvarnoj veličini prikaza (16×16) — detalji koji dobro izgledaju pri 512×512 postaju nevidljive točkice pri veličini favicona. Koristite prozirnu pozadinu za PNG favicone.

Često postavljana pitanja

Koja je razlika između favicon.ico i PNG favicona?

Format ICO može sadržavati višestruke veličine u jednoj datoteci i podržan je od svih preglednika uključujući vrlo stare. PNG faviconi su jednostavniji (jedna veličina po datoteci) i koriste ih moderni preglednici. Većina stranica sada uključuje i jedno i drugo: ICO datoteku za maksimalnu kompatibilnost i PNG/SVG za moderne preglednike. HTML link tagovi govore pregledniku koji koristiti.

Zašto se moj favicon ne pojavljuje?

Uobičajeni razlozi: preglednik je predmemorirao stari favicon (pokušajte obrisati predmemoriju ili učitati u privatnom prozoru), putanja datoteke u HTML link tagu je neispravna, format datoteke je pogrešan ili favicon nije u korijenskom direktoriju. Preglednici agresivno predmemoriraju favicone — može proći više dana prije nego se ažurirani favicon pojavi. Dodavanje query stringa (favicon.ico?v=2) može prisiliti osvježavanje.