1. Adăugați o imagine
Trageți un fișier în zona desemnată sau selectați o grafică de pe dispozitiv. Formate suportate: PNG, JPG, SVG. Dimensiune recomandată: min. 512×512 pixeli.
Creează favicon.ico pentru site-ul tău dintr-o singură imagine
Generați favicon.ico și un set complet de pictograme PNG pentru site-ul dvs. dintr-o singură imagine. Toată procesarea are loc local în browser.
Loading tool editor...
Acest instrument funcționează pe un ecran mai mare
Pentru a utiliza acest instrument confortabil, deschideți-l pe un laptop, computer desktop sau tabletă în modul peisaj.
Sfat
Dacă utilizați o tabletă, comutați-o în modul peisaj - când lățimea ferestrei este suficient de mare, instrumentul se va încărca automat.
Ce este un favicon și de ce ar trebui să aveți unul?
Un favicon este o pictogramă mică care apare pe tab-ul browserului lângă titlul paginii. O vedeți și în semne de carte, istoricul navigării și pe ecranul de start al telefonului când cineva adaugă site-ul ca shortcut.
Această grafică mică servește o funcție importantă - ajută utilizatorii să recunoască rapid un site printre multe tab-uri deschise. Când cineva are o duzină de tab-uri deschise în browser, faviconul este adesea singurul element vizibil care identifică site-ul.
Generatorul creează un set complet de pictograme: un fișier clasic favicon.ico pentru browsere, pictograme PNG în diferite dimensiuni și un apple-touch-icon pentru dispozitivele Apple. Dacă construiți o aplicație web (PWA), puteți genera și pictograme 192x192 și 512x512 împreună cu un fișier manifest.
Cum să creați un favicon în 3 pași
Generarea unui favicon durează doar câteva secunde:
2. Alegeți dimensiunile
Selectați dimensiunile de pictograme necesare. Pentru un site obișnuit: favicon.ico, 32×32 și 180×180. Pentru PWA, adăugați 192×192 și 512×512.3. Descărcați fișierele
După generare, descărcați toate fișierele ca ZIP sau fiecare pictogramă individual. Sub instrument veți găsi instrucțiuni despre cum să adăugați faviconul pe site.
Ce dimensiuni de pictograme generează instrumentul?
Fiecare dimensiune are utilizarea sa:
favicon.ico (32×32)
Format clasic recunoscut de toate browserele. Se afișează pe tab-ul browserului.
16×16 și 32×32 PNG
Dimensiuni standard pentru browserele moderne. Se afișează pe tab-uri și în semne de carte.
180×180 PNG (apple-touch-icon)
Pictogramă pentru dispozitivele Apple (iPhone, iPad). Se afișează când cineva adaugă site-ul pe ecranul de start.
192×192 și 512×512 PNG
Pictograme pentru aplicații web (PWA). Cerute de manifest și folosite în magazinele de aplicații.
Dacă nu construiți un PWA, aveți nevoie doar de: favicon.ico, 32×32 PNG și 180×180 PNG. Aceste trei fișiere acoperă majoritatea cazurilor de utilizare.
Ce face special generatorul de favicon?
Confidențialitate - fișierele nu părăsesc computerul
Toate operațiunile sunt efectuate local în browser. Imaginea nu este trimisă la niciun server. După închiderea paginii, toate datele sunt șterse.Set complet într-un singur loc
Favicon.ico, pictograme PNG, apple-touch-icon, pictograme PWA și manifest - totul dintr-o singură imagine, într-un singur instrument.Suport PNG, JPG și SVG
Puteți folosi un logo în orice format. Dacă aveți SVG - pictogramele vor fi clare în toate dimensiunile.Gata pentru site web și PWA
Instrumentul generează un fișier manifest.json pentru aplicații web. Mai jos veți găsi instrucțiuni de integrare.
Cum să folosiți generatorul de favicon
Generarea unui favicon implică câțiva pași simpli:
1. Adăugați imaginea sursă
Trageți un fișier în zona desemnată sau selectați o grafică de pe dispozitiv. Formate suportate: PNG, JPG, SVG. Un logo simplu sau o pictogramă de cel puțin 512×512 pixeli funcționează cel mai bine.2. Alegeți dimensiunile pictogramelor
Selectați ce dimensiuni de pictograme aveți nevoie. Puteți selecta toate sau doar unele. Pentru un site obișnuit: favicon.ico, 32×32 și 180×180.3. Configurați opțiunile de generare
Setați opțiuni suplimentare: fundal (transparent sau culoare aleasă), manifest (fișier de configurare PWA) și descărcare automată.4. Generați și descărcați fișierele
După pornirea generării, instrumentul procesează imaginea local - nimic nu este trimis la un server. Descărcați toate fișierele ca arhivă ZIP sau pictogramele individual.
Dimensiuni PNG
16×1632×32180×180
Fundal transparent (PNG/ICO)
Opțiuni de generare - ce face fiecare?
Fundal (transparent sau culoare)
Implicit, generatorul păstrează transparența. Puteți alege și o culoare specifică de fundal.
Generare manifest (site.webmanifest)
Un fișier JSON pentru aplicații web (PWA). Dacă nu construiți un PWA, această opțiune nu este necesară.
Cum să descărcați fișierele generate
După generarea pictogramelor, aveți mai multe opțiuni de descărcare:
Descărcați toate ca ZIP
Butonul "Descărcați toate" împachetează toate fișierele generate într-o singură arhivă ZIP. Aceasta este cea mai convenabilă opțiune când aveți nevoie de setul complet de pictograme.Descărcați fișiere individuale
Fiecare pictogramă generată are propriul buton de descărcare - puteți descărca un singur fișier fără a descărca întregul set. Util când trebuie actualizată doar o dimensiune.
Unde și cum să adăugați un favicon
WordPress
Cele mai multe teme WordPress au o opțiune integrată pentru setarea pictogramei site-ului. O găsiți în panoul de administrare:
Aspect → Personalizare → Identitate site → Pictogramă site
Încărcați fișierul 512×512 acolo - WordPress va genera automat dimensiuni mai mici. Pentru control complet asupra pictogramelor, puteți încărca fișierele direct în directorul rădăcină prin FTP.
Ce imagine sursă funcționează cel mai bine?
Un favicon este o grafică foarte mică - chiar și 16×16 pixeli. Nu orice imagine funcționează bine ca sursă:
Forme simple și simboluri lizibile
Logo-urile simple, literele individuale sau simbolurile funcționează cel mai bine. Evitați graficele complexe cu multe detalii.Format pătrat
Un favicon este pătrat. Dacă imaginea sursă are un raport diferit de 1:1, va fi decupată sau întinsă.Dimensiune suficient de mare
Recomandăm o imagine sursă de cel puțin 512×512 pixeli. Imaginile mai mici vor fi mărite.Format SVG ca sursă ideală
SVG se scalează fără pierderi de calitate, așa că pictogramele în toate dimensiunile vor fi clare.Culori cu contrast ridicat
Un favicon trebuie să fie vizibil pe fundaluri diferite (tab-uri luminoase, mod întunecat). Alegeți culori care mențin lizibilitatea.
Favicon în rezultatele de căutare Google
Google afișează favicon-urile lângă URL-ul site-ului în rezultatele de căutare. Rezultatele mobile arată favicon-uri din 2019. Rezultatele desktop au urmat din ianuarie 2020. Favicon-ul este un element vizual de brand prezent în fiecare căutare Google.
Google stabilește cerințe specifice pentru afișarea favicon-urilor. Pictograma trebuie să aibă cel puțin 48×48 pixeli. Trebuie să fie pătrată. Imaginea trebuie să rămână clar vizibilă pe fundal alb. Google respinge pictogramele cu conținut inadecvat sau gol.
Googlebot explorează și indexează favicon-urile independent de conținutul paginii. Actualizarea favicon-ului în rezultate poate dura de la câteva zile la câteva săptămâni. Fișierul favicon nu trebuie blocat în robots.txt - altfel Google nu poate prelua noua versiune.
Bing afișează de asemenea favicon-uri în rezultatele sale. DuckDuckGo arată pictograme de site lângă fiecare link din rezultate. Un set complet de favicon-uri asigură o apariție de brand coerentă în toate motoarele de căutare majore. Utilizatorii recunosc favicon-urile familiare mai rapid, ceea ce contribuie la o rată de clic mai ridicată.
Favicon și identitate vizuală de brand în România
Coerența vizuală între favicon și logotip consolidează memorabilitatea brandului. Pictograma apare în tab-urile browserului, în marcaje, în istoricul de navigare și pe ecranul de start al telefonului. Când un utilizator are zece sau mai multe tab-uri deschise, favicon-ul rămâne singurul element vizibil care identifică site-ul.
În e-commerce-ul românesc, eMAG.ro și OLX.ro sunt platforme dominante. Un favicon distinctiv diferențiază magazinul în rezultatele de căutare și pe marketplace. Comparatoarele de prețuri afișează favicon-uri lângă rezultate, crescând diferențierea vizuală între vânzători.
Gomag - un popular sistem românesc de e-shop - permite configurarea favicon-ului în setările temei. MerchantPro și WooCommerce oferă aceeași posibilitate. O versiune simplificată a logo-ului sau prima literă funcționează cel mai bine la dimensiuni mici de pixeli.
Legislația română privind accesibilitatea digitală (HG 1112/2018) impune contrast suficient pentru elementele vizuale ale site-urilor publice. Favicon-ul trebuie să fie lizibil atât în modul luminos, cât și în modul întunecat. Culorile contrastante și formele simple îndeplinesc această cerință în mod fiabil.
Favicon pentru PWA și dispozitive mobile
Progressive Web Apps necesită pictograme suplimentare pe lângă favicon-ul standard. Fișierul manifest.json trebuie să includă un array de pictograme cu dimensiunile 192×192 și 512×512 pixeli în format PNG.
Pictogramele maskable sunt un tip special de pictogramă pentru dispozitivele Android. Sistemul de operare decupează pictogramele maskable în diferite forme - cercuri, pătrate rotunjite sau picături. Zona sigură acoperă interiorul de 80% al suprafeței imaginii. Toate elementele grafice esențiale trebuie să se afle în această zonă pentru a evita decuparea.
Apple necesită un fișier apple-touch-icon separat de 180×180 pixeli. Acest fișier trebuie declarat în secțiunea head a HTML-ului - iOS nu îl citește din fișierul manifest.
România are o creștere rapidă a utilizării smartphone-urilor și a internetului mobil. Bănci românești precum BRD, BCR și ING și servicii digitale utilizează tehnologia PWA pentru acces rapid de pe ecranul de start al telefonului.
Auditul Lighthouse din Chrome DevTools verifică prezența și validitatea favicon-ului și a pictogramelor PWA. Un favicon lipsă sau invalid generează un avertisment în categoria PWA a auditului.
Întrebări frecvente despre generatorul de favicon
Ce dimensiune ar trebui să aibă imaginea sursă pentru generarea faviconurilor?
Dimensiunea recomandată este de cel puțin 512×512 pixeli în format pătrat (1:1). Cu o astfel de sursă, pictogramele în toate dimensiunile vor fi clare și lizibile. Dacă aveți un logo în format SVG - folosiți-l, deoarece graficele vectoriale se scalează fără pierderi de calitate.
Pot genera doar favicon.ico fără celelalte pictograme?
Da. Înainte de generare, puteți selecta exact ce dimensiuni aveți nevoie - ex. doar favicon.ico sau doar anumite dimensiuni PNG.
Ce formate de imagine acceptă generatorul de favicon?
Generatorul acceptă imagini în format PNG, JPG și SVG. Ca ieșire, generează un fișier favicon.ico și pictograme PNG în dimensiunile selectate, gata de încărcat pe site.
Un favicon afectează clasamentul în căutarea Google?
Nu direct - faviconul nu este un factor de clasare. Totuși, afectează indirect recunoașterea brandului: un site cu o pictogramă profesională este mai ușor de identificat printre multe tab-uri deschise, ceea ce se poate traduce într-o rată de clic mai mare în rezultatele căutării.
Ce dimensiuni de pictograme sunt esențiale pentru un site obișnuit?
Pentru un site tipic, trei fișiere sunt suficiente: favicon.ico (32×32), o pictogramă PNG 32×32 și apple-touch-icon 180×180. Dacă site-ul trebuie să funcționeze ca aplicație web (PWA), aveți nevoie și de pictograme 192×192 și 512×512 plus un fișier manifest.
Ce este un fișier site.webmanifest și când este necesar?
Este un fișier de configurare pentru aplicații web (PWA) care conține informații despre pictogramă, numele și culorile aplicației. Este necesar când site-ul trebuie să funcționeze ca aplicație adăugată pe ecranul de start al telefonului. Pentru site-uri obișnuite, nu este necesar.
Faviconul se afișează la fel în toate browserele?
Cele mai multe browsere moderne (Chrome, Firefox, Edge, Safari) recunosc fișierul favicon.ico și pictogramele PNG. Diferențele pot apărea în dimensiunea pictogramei afișate - Chrome preferă PNG 32×32, în timp ce Safari pe iOS folosește apple-touch-icon 180×180. Pentru cea mai bună compatibilitate, recomandăm generarea setului complet de dimensiuni.
De ce nu se schimbă faviconul după încărcarea unui fișier nou?
Browserele cache-uiesc agresiv faviconurile. După încărcarea unei pictograme noi, încercați să goliți cache-ul browserului sau să adăugați un parametru de versiune la calea fișierului (ex. /favicon.ico?v=2). Schimbarea poate dura câteva ore până devine vizibilă.
Ajutați-ne să îmbunătățim instrumentele noastre
Aveți o idee pentru o nouă funcție, ați găsit o eroare sau doriți să sugerați un alt instrument care v-ar ușura munca? Scrieți-ne – răspundem în 24 de ore.