IQ
PayloadIQ
Utilitare PayloadIQ

Generator favicon

Pune o singură imagine și primești setul complet de favicon — favicon.ico, apple-touch-icon și toate dimensiunile PNG — plus HTML-ul de lipit în head. Totul rulează în browser.

Rulează în browserul tău. Ce introduci nu este încărcat pe PayloadIQ.

Acest generator transformă o imagine în favicon.ico și în toate dimensiunile PNG de care are nevoie un site (16, 32, apple-touch, 192 și 512) direct în browser. Îți redimensionează imaginea pe un canvas, asamblează local un .ico real cu mai multe dimensiuni și îți dă exact tag-urile link de lipit. Nu se încarcă nimic pe niciun server, așa că logo-ul tău nu părăsește dispozitivul.

O imagine, setul complet de favicon

Un site modern are nevoie de mai mult decât un singur favicon.ico: browserele și telefoanele cer și câteva PNG-uri în dimensiuni diferite. Unealta îți redimensionează imaginea pe un canvas pentru fiecare dintre ele, construiește un .ico real cu mai multe dimensiuni (16, 32 și 48) chiar în browser și îți oferă tag-urile link precise pentru head. Ca să iasă cel mai curat, pornește de la o imagine pătrată cu un semn simplu și contrast bun, fiindcă detaliile se pierd la 16×16; un SVG sau un PNG mare se scalează mai bine pentru că ai mai multă informație de redus.

Local și privat

Totul se generează pe dispozitivul tău, deci imaginea nu se încarcă pe niciun server: o poți folosi în siguranță cu logo-uri de brand încă nepublicate. Descarci doar fișierele de care ai nevoie — favicon.ico cu mai multe dimensiuni și PNG-urile pentru 16, 32, apple-touch (180), 192 și 512 — și copiezi fragmentul de HTML care le leagă în head. Fără așteptare, fără cont și fără ca ceva să iasă din browser.

Întrebări frecvente

Se încarcă imaginea mea pe vreun server?
Nu. Imaginea e redimensionată la fiecare dimensiune de favicon pe un canvas în browser, iar .ico-ul e asamblat local. Nu se trimite nimic către niciun server, așa că o poți folosi liniștit cu logo-uri încă nepublicate.
Ce fișiere primesc?
Un favicon.ico cu mai multe dimensiuni (16, 32 și 48), plus PNG-uri pentru 16, 32, apple-touch (180), 192 și 512. Fragmentul de HTML inclus le conectează cu tag-urile link corecte în head.
Ce imagine e bine să folosesc?
O imagine pătrată, cu un semn simplu și contrast mare, merge cel mai bine, pentru că detaliile se pierd la 16×16. Un SVG sau un PNG mare dă cele mai clare rezultate, fiindcă există mai multă informație de redus la scalare.
De ce mai e nevoie și de un .ico, și de mai multe PNG-uri?
Din compatibilitate: favicon.ico acoperă browserele și cazurile mai vechi, iar PNG-urile servesc tab-urile moderne, iconița de pe ecranul de start în iOS (apple-touch) și iconițele de PWA pe Android (192 și 512). Generându-le pe toate odată, eviți iconițe lipsă sau neclare în funcție de dispozitiv.

Utilitare similare

Convertor de imaginiImagine în Base64
Deschide PayloadIQ Playground