Generatore di favicon
Favicon Generator
Produce l’intero corredo di favicon — ICO, PNG, icona per Apple touch, manifesto web — più l’HTML da incollare.
Da qualche anno la favicon ha smesso di essere un file solo: un sito ha bisogno dell'.ico per la richiesta alla radice, di PNG in tre dimensioni per le barre delle schede, di un'icona touch di Apple perché iOS ignora il manifest, e di un'icona mascherabile perché Android ritaglia secondo una forma che sceglie lui. Questo strumento produce tutto quanto, il manifest e il markup da incollare.
Trascina qui il tuo logo
Un PNG quadrato da 512×512 in su dà il risultato migliore. Un SVG va prima rasterizzato.
Come si usa
Trascinare un logo quadrato, da 512 px in su
Tutto viene ricavato per rimpicciolimento, quindi l'icona più grande dell'insieme è buona quanto il file di partenza e non di più.
Impostare il nome e il nome breve
Il nome breve è quello che compare sotto l'icona su una schermata iniziale, e sia Android sia iOS lo tagliano intorno ai dodici caratteri.
Scegliere il colore del tema e quello della schermata di avvio
Finiscono nel manifest: il colore del tema tinge la cornice del browser su Android, lo sfondo è quello che una PWA appena lanciata mostra prima di disegnare.
Prendere lo zip e incollare il markup
I file vanno alla radice del sito; il blocco `<link>` va dentro `<head>`. Vengono prodotti insieme, così i percorsi combaciano.
Domande frequenti
A che serve l'icona mascherabile?
Android ritaglia le icone della schermata iniziale secondo una forma che sceglie il dispositivo — cerchio, quadrato stondato, goccia — e garantisce soltanto l'80% centrale. L'icona mascherabile riceve sempre un margine del 10% qualunque sia l'impostazione del margine, così il ritaglio non può arrivare al disegno.
Si può usare una favicon SVG invece?
Se ne può aggiungere una, ed è l'opzione migliore dove funziona; ma non sostituisce l'insieme. Safari su iOS vuole l'icona touch, Android vuole le icone del manifest, e l'.ico alla radice viene richiesto comunque. Conviene rasterizzare prima l'SVG e trascinare qui il PNG.
Quanto margine conviene lasciare?
Nessuno per un marchio disegnato per riempire il suo riquadro; dal dieci al quindici per cento per un logotipo che a 16 px ha bisogno di respiro. Il margine costa di più nelle dimensioni da barra delle schede, perché lì lo spazio da regalare è pochissimo.
Può ricevere da
Ottimizzare un SVG
SVG Optimiser
Toglie i residui lasciati dagli editor, fonde le trasformazioni e arrotonda la precisione dei tracciati, mostrando il confronto disegnato.
Convertitore ICO
ICO Converter
Costruisce da un’immagine un .ico a più risoluzioni, oppure estrae le immagini contenute in un .ico esistente.
Da SVG a PNG
SVG to PNG
Disegna un SVG in PNG, JPEG o WebP a qualsiasi fattore di scala, con lo sfondo trasparente o pieno.
Comprimere PNG
PNG Compressor
Riduce la tavolozza e riscrive il flusso deflate per far dimagrire un PNG senza cambiarne le dimensioni in pixel.
Dopo
Questi accettano ciò che produce questo strumento, così il risultato può passare direttamente.
Convertitore ICO
ICO Converter
Costruisce da un’immagine un .ico a più risoluzioni, oppure estrae le immagini contenute in un .ico esistente.
Ridimensionare le immagini
Image Resizer
Ridimensiona per pixel, per percentuale o fissando il lato lungo, con il blocco delle proporzioni e preimpostazioni per lavorare a lotti.
Comprimere PNG
PNG Compressor
Riduce la tavolozza e riscrive il flusso deflate per far dimagrire un PNG senza cambiarne le dimensioni in pixel.
Ottimizzare un SVG
SVG Optimiser
Toglie i residui lasciati dagli editor, fonde le trasformazioni e arrotonda la precisione dei tracciati, mostrando il confronto disegnato.
Togliere lo sfondo
Background Remover
Elimina uno sfondo piatto o di un colore solo lavorando in OKLab e restituisce un PNG trasparente, con un pennello per rifinire i bordi.
Togliere i dati EXIF
EXIF Remover
Elimina dalle foto i metadati di fotocamera, GPS e modifica, lasciando i pixel intatti.