Editor pixel per favicon

Come disegnare una buona favicon 16×16

Una favicon di solito viene mostrata a soli 16 o 32 pixel, quindi ogni singolo pixel conta. Disegnarla a mano su una griglia di pixel ti offre bordi nitidi e pieno controllo, qualcosa che un logo ridimensionato automaticamente raramente riesce a ottenere.

Parti dalla tela 16×16 e mantieni il design semplice: una lettera marcata, un simbolo semplice o la parte più riconoscibile del tuo logo. Usa un forte contrasto in modo che l'icona resti leggibile sia sulle schede del browser chiare che su quelle scure, e controlla le anteprime live mentre disegni.

Quando sei soddisfatto del risultato, clicca su "Genera favicon da questo disegno". Il generatore mantiene i pixel nitidi e crea favicon.ico, icone PNG, Apple touch icon e icone Android a partire dal tuo disegno.

Consigli per favicon pixel art nitide

• Usa da due a quattro colori: troppe sfumature diventano rumore nelle dimensioni ridotte.
• Lascia un margine di 1 pixel o riempi tutto il quadrato; evita forme che toccano solo alcuni bordi.
• Preferisci linee orizzontali e verticali; le linee diagonali rendono meglio a 45 gradi.
• Usa la modalità specchio per icone simmetriche e il colore trasparente per le aree trasparenti.
• Disegna a 32×32 o 48×48 se la tua icona è dettagliata: le dimensioni maggiori vengono usate sugli schermi ad alta risoluzione.