Un set corect de favicon înseamnă mai mult decât un fișier: browserele vor un .ico cu mai multe dimensiuni, iOS vrea un apple-touch-icon de 180px, Android vrea PNG-uri de 192 și 512px plus un manifest web. Acest instrument le randează pe toate dintr-o singură imagine și le împachetează într-un singur ZIP, împreună cu tagurile HTML exacte de lipit în <head>.
Previzualizarea îți arată pictograma la 16, 32 și 48px reali, ca să verifici că rămâne recognoscibilă la dimensiuni minuscule înainte s-o publici.
Cum se folosește
- Adaugă logo-ulImaginile pătrate merg cel mai bine; celelalte sunt decupate central.
- Verifică dimensiunile miciPrevizualizarea de 16px e ceea ce vor vedea de fapt majoritatea utilizatorilor într-o filă.
- Descarcă ZIP-ulfavicon.ico, șase PNG-uri, site.webmanifest și un html-snippet.txt gata de lipit.
O imagine intră, un set complet de favicon-uri iese
Adaugă un singur logo sau o pictogramă și acest generator construiește setul complet de care are nevoie un site modern: un favicon.ico multi-dimensiune care grupează versiunile de 16, 32 și 48 de pixeli, PNG-uri separate la 16, 32, 48, 180 pentru pictograma Apple touch, și 192 și 512 pentru Android și instalări PWA, plus un site.webmanifest. Totul vine ca un singur ZIP, pe care îl poți pune direct în rădăcina proiectului.
Primești și un fragment HTML pentru head, gata de lipit, cu etichetele link și meta corecte deja conectate. Copiază-l în șablonul tău, încarcă fișierele, iar favicon-ul apare în filele browserului, în marcaje și în scurtăturile de pe ecranul de start, fără să scrii de mână niciun marcaj.
Pictograme clare la fiecare dimensiune
Favicon-urile sunt necruțător de mici, așa că generatorul redă previzualizări la dimensiune reală de 16, 32 și 48 de pixeli, exact cum le va arăta o filă de browser. Așa prinzi un logo care devine terci la 16px înainte să-l livrezi. Dacă imaginea sursă nu e pătrată, instrumentul o decupează central, ca pictograma să rămână echilibrată, nu turtită.
Întregul proces rulează în browser, din imaginea ta originală, ceea ce înseamnă că poți genera PNG-uri de favicon și un ICO dintr-un logo la rezoluție înaltă, fără nicio încărcare sau cont.
La ce îl folosesc oamenii
Lansarea unui site nou — Generează favicon.ico și fiecare dimensiune PNG dintr-o singură trecere, ca filele și marcajele să arate finisat din prima zi.
Adăugarea unei pictograme de instalare PWA — Exportă PNG-urile de 192 și 512 plus un site.webmanifest, ca aplicația ta să se instaleze cu o pictogramă de ecran de start ca lumea.
Pictogramă Apple touch — Produce apple-touch-icon-ul de 180x180, ca marcajele și ecranele de start iOS să afișeze o piesă clară.
Rebranding-ul unui site existent — Trece un singur logo nou prin generator și înlocuiește tot setul de pictograme deodată.
Predarea către client — Predă un singur ZIP cu ico, PNG-uri, manifest și fragmentul de head, ca dezvoltatorul doar să-l pună la locul lui.
Verificarea lizibilității la dimensiuni mici — Folosește previzualizarea la dimensiune reală de 16px, ca să confirmi că un logo detaliat încă se citește ca pictogramă.
Logo nepătrat — Dă-i un wordmark lat și lasă decuparea centrală să-l transforme într-un favicon pătrat, echilibrat.
Site static sau proiect cu framework — Copiază etichetele de head generate în șablonul tău Next, Astro sau HTML simplu, și livrează.
De ce IMG.DIY
Set complet
ICO + PNG-uri de 16/32/48/180/192/512 + manifest.
HTML copy-paste
Tagurile link exacte, incluse ca fișier text.
Previzualizare la dimensiune reală
Vezi mai întâi pictograma la 16/32/48px reali.
Privat
Logo-ul tău nu părăsește niciodată browserul.