Cea mai bună dimensiune de favicon din 2026

Filele browserului de pe ecranele cu densitate standard folosesc 16×16 pixeli. Aceasta este cea mai mică dimensiune de favicon și cea mai frecvent văzută de utilizatori - se află în fila minusculă de deasupra conținutului paginii în orice moment. O pictogramă 16×16 care păstrează lizibilitatea necesită forme îndrăznețe, contrast ridicat și fără detalii fine. Liniile subțiri, textul mic și siglele complicate devin pete ilizibile la această dimensiune.

Dimensiunea de 32×32 pixeli este cea mai importantă dimensiune favicon pentru browserele moderne. Este folosit pentru fila browser de pe ecranele Retina/HiDPI (redate la densitate de 2x de la dimensiunea logică de 16px), pentru bara de marcaje și pentru pictogramele de sugestie din bara de adrese. Chrome solicită 32×32 cel mai agresiv, iar Căutarea Google folosește cel puțin o pictogramă 32×32 pentru favicon-urile rezultatelor căutării.

Dimensiunea de 48×48 pixeli servește Windows Explorer la vizualizarea „pictograme medii” și este folosită de unele motoare de căutare pentru miniaturile rezultatelor. Recomandarea oficială a Google pentru eligibilitatea faviconului de căutare este de minim 48×48 pixeli, raport de aspect pătrat și accesibilitate publică prin HTTP. Îmbunătățiți întotdeauna 48×48 în fișierul dvs. .ico de dimensiuni multiple pentru a îndeplini această cerință.

Dimensiunea de 64×64 pixeli este utilă în Windows Explorer la vizualizarea pictogramelor mari și pentru unele medii de lansare a aplicațiilor. Includerea acestuia în fișierul dvs. .ico adaugă dimensiune minimă a fișierului și asigură acoperire pentru orice suprafață care solicită dimensiuni între 48 și 128 de pixeli. Majoritatea generatoarelor .ico cu dimensiuni multiple includ 64 în mod implicit.

Dimensiunile de 128×128 și 256×256 pixeli sunt folosite în fișierele .ico pentru meniurile Windows Start și comenzile rapide de înaltă rezoluție. La 256 × 256, ar trebui să utilizați compresia PNG în interiorul .ico, mai degrabă decât codarea BMP - o intrare BMP necomprimată de 256 × 256 adaugă aproximativ 256 KB fișierului .ico, în timp ce comprimatul PNG se micșorează la sub 30 KB.

Dimensiunea de 180×180 pixeli este dimensiunea apple-touch-icon folosită de iOS. Când un utilizator atinge „Adaugă la ecranul de pornire” pe Safari, iOS preia „<link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png'>” și ​​folosește acea imagine ca pictogramă pe ecranul de pornire. Fără aceasta, iOS revine la o captură de ecran de calitate scăzută a paginii dvs. Aceasta este dimensiunea cu cea mai mare prioritate pentru site-urile mobile.

Dimensiunea de 192×192 pixeli este necesară în manifestul aplicației web (site.webmanifest) pentru solicitarea de instalare PWA a Android Chrome. Când un utilizator vă adaugă site-ul pe ecranul de pornire Android, Chrome citește manifestul și folosește pictograma 192×192 pentru lansatorul de aplicații și umbra de notificare. Pictograma trebuie să fie pătrată, format PNG și accesibilă la adresa URL declarată.

Dimensiunea de 512×512 pixeli este cealaltă pictogramă de manifest necesară, utilizată pentru ecranul de introducere PWA care apare în timp ce aplicația se încarcă după o lansare pe ecranul de pornire și pentru previzualizarea instalării sistemului de operare Chrome. Este, de asemenea, dimensiunea recomandată a imaginii sursă atunci când se generează toate celelalte dimensiuni - începând de la 512×512 asigură că fiecare variantă subeșantionată păstrează margini ascuțite.

Configurația minimă viabilă de favicon care acoperă practic toți utilizatorii este: un favicon.ico cu dimensiuni multiple care conține cadre de 16, 32, 48 și 64 de pixeli, plus un apple-touch-icon.png de 180×180, plus un site.webmanifest cu 192×192 și 512×512 PNG. Această combinație gestionează browserele standard, marcajele, instalările iOS pe ecranul de pornire și instalările Android PWA.

Adăugarea unei favicon SVG alături de setul .ico și PNG îți va asigura viitorul. SVG redă la orice densitate - un singur fișier servește monitoare de 96 dpi, afișaje 4K și orice altceva între ele - și poate schimba culorile în funcție de preferințele utilizatorului pentru schema de culori. Chrome, Edge, Firefox și Safari 15+ acceptă toate faviconurile SVG începând cu 2026, ceea ce îl face un plus sigur.

Greșelile obișnuite în dimensionarea faviconului includ: folosirea numai a unui PNG de 32×32 fără un .ico (întrerupt în browserele vechi și comenzile rapide Windows), omiterea apple-touch-icon 180 (încărcat la instalările iOS) și omiterea 512×512 din manifest (pictograma de instalare generală afișează o pictogramă Android). favicon generator generează automat setul complet dintr-o singură imagine sursă, eliminând toate aceste lacune.

Impactul SEO al dimensiunilor favicon este indirect, dar real. Căutarea Google afișează favicon-uri lângă rezultatele căutării și aplică o cerință de dimensiune minimă de 48×48 pixeli. Site-urile fără o favicon dimensionată corespunzător și accesibilă public pot vedea o pictogramă glob generică în rezultatele căutării în loc de marca lor - o diferență mică, dar vizibilă, a semnalului de încredere pentru clicurile de căutare organice.

Pentru a completa pictogramele de gradul PWA, adăugați pictograme care pot fi mascate în manifestul dvs. web. O pictogramă care poate fi mascată are o umplutură în zonă de siguranță de aproximativ 10% pe toate părțile, asigurându-se că atunci când Android aplică o mască circulară sau squircle pe pictogramă, logo-ul de bază nu este niciodată tăiat. Generați o versiune de mascare separată utilizând opțiunea de export masabilă a generatorului și declarați-o cu `'purpose': 'maskable'` în matricea de pictograme manifest.

Când alegeți o imagine sursă pentru generarea de favicon, acordați prioritate SVG față de PNG și PNG față de JPG. SVG produce cea mai clară ieșire la orice dimensiune. PNG-32 (cu alfa) păstrează transparența. JPG nu are suport pentru transparență și introduce artefacte de compresie care apar la dimensiuni mici. Consultați ghidul best favicon format pentru compararea formatului complet.