Convertor gratuit

Favicon Generator

Generați fișiere favicon în mai multe dimensiuni (16x16 până la 512x512) din orice imagine. Gratuit, instantaneu și rulează în întregime în browser.

Trageți și plasați o imagine aici

Suporta PNG, JPG, SVG, WebP. Maxim 10 MB.

Sau

Despre acest instrument

O favicon este pictograma mică care apare în filele browserului, marcaje și listele istorice. Favicon-ul original – un fișier ICO de 16×16 la /favicon.ico – s-a extins într-un set complex de pictograme de diferite dimensiuni pentru diferite platforme: 16×16 și 32×32 pentru filele browserului, 180×180 pentru ecranele de pornire iOS, 192×192 și 512×512 pentru Windows și diferite dimensiuni. Producerea tuturor acestora dintr-o singură imagine sursă este ceea ce face un generator modern de favicon.

Acest instrument preia o singură imagine sursă de înaltă rezoluție (de obicei un logo pătrat) și generează setul complet de elemente favicon plus etichetele de link HTML necesare pentru a le face referire. Ieșirea include ICO, mai multe PNG-uri și un manifest.json pentru metadatele aplicației web progresive. Aruncați fișierele rezultate la rădăcina site-ului dvs. și trimiteți-le prin codul HTML generat.

Toate procesările au loc în browserul dvs. Fără încărcare, fără apel API, fără limită de rată. Ieșirea funcționează pe fiecare browser modern și sistem de operare care afișează favicon-uri.

De ce să generați o favicon

Site-urile fără favicon-uri par neterminate. Filele browserului arată o pictogramă generică; marcajele nu au un identificator vizual; site-ul pare mai puțin profesional. Adăugarea unui set de favicon adecvat este un pas de lustruire cu efort redus, cu impact ridicat, care semnalează atenția la detalii.

Cerințele moderne pentru favicon au crescut dincolo de /favicon.ico. Pictogramele de pe ecranul de pornire iOS, pictogramele Android Chrome, pictogramele din Windows și variantele modului întunecat folosesc toate fișiere diferite. Generarea lor pe toate dintr-o singură sursă asigură branding consecvent fără a gestiona manual fiecare fișier.

Cum se utilizează

Încărcați imaginea sursă, obțineți setul complet de favicon.

  1. Încărcați imaginea sursă: Utilizați o imagine pătrată de cel puțin 512×512 pixeli. Se preferă PNG (suport pentru transparență); SVG este de asemenea acceptat. Sursele cu rezoluție mai mare produc pictograme mai mici și mai clare.
  2. Configurați opțiunile platformei: Activați ieșirile iOS, Android, Windows și PWA după cum este necesar. Setările implicite produc setul standard de care au nevoie majoritatea site-urilor.
  3. Personalizați culorile și tema: Alegeți culorile temei pentru plăcile Windows și ecranele de splash PWA. Potriviți identitatea mărcii dvs.
  4. Descărcați și implementați: Salvați zip-ul generat. Plasați fișierele la rădăcina site-ului dvs. și adăugați etichetele de link HTML generate la <head>. HTML face referire la fiecare pictogramă la dimensiunea potrivită.

Cazuri comune de utilizare

Detalii tehnice

Setul complet modern de favicon: favicon.ico (16+32+48 multi-rezoluție), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512.png, mstile-150x150.png. Plus site.webmanifest pentru PWA, browserconfig.xml pentru Windows.

Fiecare PNG este generat prin eșantionare bazată pe pânză de la sursă. ICO este construit în JavaScript prin combinarea versiunilor 16/32/48 în formatul ICO cu rezoluție multiplă folosind scrierile DataView.

Etichetele de link HTML fac referire la fiecare fișier cu atributele rel și sizes adecvate. Generatorul le produce ca un fragment gata pentru copiere-lipire pentru <head> al site-ului dvs.

Cele mai bune practici

Întrebări frecvente

Ce format de imagine ar trebui să încarc?
PNG cu fundal transparent funcționează cel mai bine. Utilizați o imagine pătrată de cel puțin 512x512 pixeli, astfel încât instrumentul să poată reduce calitatea. De asemenea, SVG funcționează bine, deoarece se scalează la orice dimensiune.
Ce dimensiuni generează asta?
16x16 (fila browser), 32x32 (fila browser @2x), 48x48 (bara de activități Windows), 180x180 (pictograma Apple Touch), 192x192 (ecranul de pornire Android), 512x512 (ecran de splash PWA). Fișierul ICO conține dimensiuni de 16, 32 și 48 px.
Unde pun fișierele favicon?
Plasați favicon.ico în directorul rădăcină al site-ului dvs. web. Alte dimensiuni PNG merg în folderul public sau în orice cale accesibilă. Adăugați etichetele de link HTML în secțiunea <head> care indică fiecare locație de fișier.
De ce favicon-ul meu nu se actualizează în browser?
Browserele memorează în mod agresiv favicon-urile. Goliți memoria cache a browserului, încercați să o deschideți într-o fereastră incognito sau adăugați un șir de interogare de versiune (?v=2) la adresa URL a faviconului pentru a forța o reîmprospătare.
De ce favicon-ul meu nu se actualizează?
Browserele memorează favicon-urile în mod agresiv, uneori pentru zile. Forțați o reîmprospătare ștergând memoria cache, deschizând direct adresa URL a pictogramei sau adăugând un parametru de interogare de versiune la eticheta de link.
Imaginea mea este încărcată pe un server?
Nu. Generarea are loc în browserul dvs.
Ar trebui să folosesc SVG sau PNG?
SVG pentru sursă (independent de rezoluție). Generatorul scoate PNG-uri la dimensiuni specifice; browserele moderne acceptă și favicon-urile SVG prin link rel=icon type=image/svg+xml.
Ce este site.webmanifest?
Un manifest JSON pentru aplicațiile web progresive care descriu pictograme, culori și alte metadate. Necesar pentru aplicațiile web instalabile; inofensiv de inclus chiar și pe site-urile standard.