Generator gratuit de favicon pentru toate platformele

Un generator de favicon îți economisește partea plictisitoare a brandingului unui site: exportarea aceluiași logo în șase dimensiuni, denumirea corectă a fiecărui fișier și scrierea etichetelor care spun fiecărei platforme unde să le găsească. Favicon-ul este mic, dar ajunge departe. Apare în taburile browserului, în marcaje și istoric, pe ecranele de pornire ale telefoanelor și lângă numele site-ului tău în rezultatele Google, unde Google cere o iconiță pătrată de cel puțin 8x8 pixeli și recomandă una mai mare de 48x48 (Google Search Central, favicon-urile din rezultatele căutării).

Cum folosești generatorul de favicon?

Trage în instrument un fișier PNG, JPG sau SVG, de preferat de 512x512 pixeli sau mai mare. Generatorul desenează imaginea pe un canvas, la fiecare dimensiune, cu netezire de înaltă calitate, și afișează cele șase rezultate una lângă alta.

1. Pregătește o sursă pătrată. Instrumentul redimensionează imaginea la fiecare dimensiune pătrată fără să o decupeze, deci un logo dreptunghiular va arăta întins. Decupeaz-o mai întâi într-un pătrat, cu o mică margine în jurul semnului.
2. Trage fișierul în instrument sau apasă pentru a-l selecta. Previzualizarea apare în câteva secunde.
3. Descarcă pachetul cu butonul „Descarcă tot (.zip)”, sau fiecare PNG separat.
4. Copiază codul HTML în <head> fiecărei pagini, de obicei în șablonul site-ului.
5. Copiază manifestul, completează câmpurile name și short_name cu brandul tău și salvează-l ca site.webmanifest în rădăcina site-ului.
6. Încarcă fișierele în rădăcina domeniului tău, astfel încât /favicon-32x32.png și celelalte căi din cod să funcționeze.

Deoarece prelucrarea se face în browserul tău, generatorul funcționează și cu logo-uri nelansate sau cu fișiere ale clienților pe care nu ai voie să le trimiți unui server terț.

Ce dimensiuni de favicon ai nevoie în 2026?

Șase fișiere PNG acoperă browserele, iOS, Android și Windows. Tabelul arată ce produce generatorul, unde apare fiecare fișier și eticheta sau fișierul care îl referențiază.

Perechea 192 și 512 nu este aleasă la întâmplare: pentru browserele bazate pe Chromium, un manifest de aplicație web trebuie să furnizeze o iconiță de cel puțin 192x192 și una de 512x512, iar Chrome le scalează pentru celelalte locuri în care are nevoie de ele (web.dev, adăugarea unui manifest de aplicație web). Dimensiunea de 180x180 corespunde iconiței de iPhone de rezoluție înaltă din exemplul de cod al Apple pentru clipurile web (Apple, configurarea aplicațiilor web). Plăcuța Windows este un fișier vechi: nu strică, iar dacă nu vizezi instalările vechi de Windows, poți șterge eticheta.

Ce cod HTML îți oferă generatorul?

Șase rânduri pentru <head>: două linkuri rel="icon" pentru favicon-urile PNG, iconița Apple touch, linkul către manifest, plăcuța Windows și o etichetă meta theme-color. Când o pagină listează mai multe iconițe, browserul citește atributele lor type și sizes ca să aleagă cea mai potrivită și trece la următoarea dacă un fișier eșuează (MDN, tipurile de link-uri).

Două setări din codul generat merită editate. theme-color și culorile din manifest au implicit alb (#ffffff): înlocuiește-le cu culoarea brandului tău dacă vrei ca bara browserului și ecranul de pornire al unei aplicații instalate să se potrivească cu site-ul. Iar manifestul lasă intenționat goale câmpurile name și short_name: web.dev explică faptul că cel puțin unul dintre ele este obligatoriu, iar short_name se folosește pe ecranul de pornire, unde spațiul este limitat.

Ajută favicon-ul la SEO?

Nu ca factor de clasare, dar modelează felul în care arată rezultatul tău. Google poate afișa favicon-ul tău lângă numele site-ului, în partea de sus a fiecărui rezultat, deci o iconiță clară îi ajută pe căutători să-ți recunoască brandul și poate ridica rata de clic față de rezultatele cu un glob generic.

Google enumeră condițiile de eligibilitate, iar una lipsă este motivul obișnuit pentru care un favicon nu apare:

• Un tag de link pe pagina principală. Google citește rel="icon", shortcut icon, apple-touch-icon și apple-touch-icon-precomposed.
• Acces pentru crawlere. Googlebot trebuie să ajungă la pagina principală, iar Googlebot-Image trebuie să ajungă la fișierul iconiței. O regulă din robots.txt care blochează folderul cu imagini îți poate ascunde favicon-ul.
• Un fișier pătrat de cel puțin 8x8 pixeli, de preferat mai mare de 48x48, într-un format acceptat: BMP, GIF, ICO, PNG, JPEG, PPM sau TIFF. Fișierele PNG generate se califică.
• Un favicon per nume de gazdă. Un subdomeniu își poate avea propria iconiță; un subdirector precum /blog nu poate.
• Un URL stabil, pe care nu îl schimbi des.

După o modificare, Google trebuie să recrawleze pagina principală, ceea ce poate dura de la câteva zile până la câteva săptămâni, potrivit aceleiași documentații. Solicitarea indexării paginii principale în Search Console accelerează procesul.

Cum proiectezi un favicon care rămâne lizibil la 16 pixeli?

Proiectează mai întâi pentru cea mai mică dimensiune. La 16x16, întreaga iconiță are 256 de pixeli, deci un logo complet cu un slogan devine o pată. Aceste reguli păstrează iconița lizibilă:

• Folosește semnul brandului, nu logo-ul complet. Un simbol sau o singură literă îngroșată rezistă la micșorare; un cuvânt nu.
• Umple pătratul. Lasă o margine subțire, dar evită bordurile mari goale care fac semnul mic în tab.
• Alege un contrast puternic și două sau trei culori plate. Liniile subțiri și gradienții dispar la dimensiuni mici.
• Verifică temele deschise și închise. Un PNG transparent cu un semn închis dispare pe o bară de taburi întunecată; un fundal solid sau un contur deschis rezolvă problema.
• Gândește-te la măști pentru Android. Android poate decupa iconițele aplicațiilor într-un cerc. MDN recomandă o iconiță mascabilă, cu partea importantă într-o zonă de siguranță și cu fundal opac (MDN, definirea iconițelor aplicațiilor). Dacă semnul tău atinge marginile, exportă o versiune cu margine pentru fișierele de 192 și 512.

Care sunt cele mai frecvente greșeli cu favicon-ul?

Majoritatea favicon-urilor defecte vin dintr-o cale sau din cache, nu din imaginea în sine.

• Fișiere încărcate în folderul greșit. Codul generat indică rădăcina (/favicon-32x32.png). Dacă pui fișierele în /assets, actualizează fiecare cale.
• Niciun fișier la /favicon.ico. Când o pagină nu declară nicio iconiță, standardul HTML permite browserelor să ceară implicit /favicon.ico (standardul WHATWG HTML, tipurile de link-uri). Paginile fără etichete, precum PDF-urile sau paginile de eroare, vor genera atunci erori 404 în jurnalele tale. Generatorul produce doar fișiere PNG, deci dacă vrei acest fallback, exportă PNG-ul de 32x32 ca fișier ICO cu orice editor de imagini.
• O iconiță veche care nu dispare. Browserele țin favicon-urile în cache agresiv. Redenumește fișierul sau adaugă un parametru de versiune (?v=2) după o regenerare a identității vizuale.
• Etichete doar pe pagina principală. Browserele citesc iconița pagină cu pagină, deci pune codul în șablonul comun.
• Un logo întins. Decupează sursa într-un pătrat înainte de generare, așa cum am descris mai sus.

Odată ce fișierele sunt online, rulează extractorul de favicon pe domeniul tău ca să vezi ce iconițe găsește efectiv un crawler, apoi auditul SEO on-page ca să verifici restul etichetelor din head.

Cum se încadrează favicon-ul brandului tău în răspunsurile AI?

Asistenții AI precum ChatGPT și Perplexity afișează adesea iconița fiecărui site citat, lângă linkul sursă. Un favicon consecvent îți face brandul recognoscibil și acolo, dar este doar cadrul: citarea depinde de conținutul tău și de autoritatea ta. Ca să vezi dacă site-ul tău apare deloc în aceste răspunsuri, monitorizarea mențiunilor IA măsoară menționările brandului tău în fiecare lună, prompt cu prompt și model cu model, iar tabloul de bord GEO și SEO le pune alături de clicurile și pozițiile tale din Google.

Un set complet de favicon-uri cere o singură imagine pătrată și două minute. Generează-ți iconițele mai sus, lipește codul în șablon, apoi vezi planurile Sorank ca să crești traficul care le va vedea, pe autopilot.