Generator Favicon

Ce este un generator de favicon?

Un favicon este pictograma mică afișată în filele browserului, marcaje, rezultatele căutărilor și scurtăturile de aplicații pentru un site web. De obicei 16x16, 32x32 sau 48x48 pixeli, faviconurile ajută utilizatorii să identifice site-ul printre multele file deschise. Acest instrument generează faviconuri în toate dimensiunile și formatele necesare dintr-o singură imagine sursă.

Site-urile web moderne au nevoie de mai multe dimensiuni de favicon: 16x16 și 32x32 pentru filele browserului, 180x180 pentru pictogramele Apple Touch, 192x192 și 512x512 pentru scurtăturile de pe ecranul principal Android și uneori SVG pentru afișare scalabilă. Acest instrument generează toate dimensiunile necesare dintr-o singură încărcare, plus tag-urile HTML necesare pentru a le include în site.

Cum se folosește acest instrument

Încărcați o imagine pătrată (ideal de cel puțin 512x512 pixeli). Instrumentul generează toate dimensiunile și formatele standard de favicon. Previzualizați cum arată fiecare dimensiune. Descărcați pachetul complet de favicon incluzând fișierul ICO, versiunile PNG și tag-urile HTML meta pentru a le lipi în secțiunea head a site-ului.

Dimensiuni necesare de favicon

• 16x16 — pictograma filei browserului (dimensiunea clasică de favicon).
• 32x32 — scurtătură în bara de activități, file de browser cu DPI ridicat.
• 180x180 — Apple Touch Icon pentru ecranul principal iOS.
• 192x192 și 512x512 — ecranul principal Android și ecran de încărcare (manifest PWA).

Sfaturi de design pentru favicon

Faviconurile trebuie să fie recognoscibile la dimensiuni minuscule. Folosiți forme îndrăznețe, geometrie simplă și contrast ridicat. Textul rareori funcționează sub 32x32. O singură literă sau simbol abstract al brandului este cel mai eficient. Testați faviconul la dimensiunea reală de afișare (16x16) — detaliile care arată excelent la 512x512 devin puncte invizibile la dimensiunea favicon. Folosiți fundal transparent pentru faviconurile PNG.

Întrebări frecvente

Care este diferența dintre favicon.ico și faviconurile PNG?

Formatul ICO poate conține mai multe dimensiuni într-un singur fișier și este suportat de toate browserele, inclusiv cele foarte vechi. Faviconurile PNG sunt mai simple (o dimensiune per fișier) și sunt folosite de browserele moderne. Majoritatea site-urilor includ acum ambele: un fișier ICO pentru compatibilitate maximă și PNG/SVG pentru browserele moderne. Tag-urile HTML link informează browserul pe care să îl folosească.

De ce nu apare faviconul meu?

Motive comune: browserul a stocat în cache un favicon vechi (încercați să ștergeți cache-ul sau să încărcați în fereastră privată), calea fișierului din tag-ul HTML link este incorectă, formatul fișierului este greșit sau faviconul nu se află în directorul rădăcină. Browserele stochează agresiv în cache faviconurile — poate dura zile până când un favicon actualizat apare. Adăugarea unui șir de interogare (favicon.ico?v=2) poate forța o reîmprospătare.