Per sempre abbiamo realizzato tutti la grafica 16 × 16 e in qualche modo le abbiamo inserite nel formato .ico. Probabilmente ho usato questo strumento di conversione un milione di volte. Da qualche parte lungo la linea ha iniziato a diventare più confuso. I browser possono supportare anche le favicon .png.webp. E ora ci sono display retina e niente sembra peggio sulla retina di una piccola grafica ridimensionata. I browser stanno iniziando a supportare anche le favicon 32 × 32 ora. Cosa dobbiamo fare?
La situazione è che se fornisci entrambi, molti browser ignorano il .png.webp e usano il .ico. Jonathan Neal ha tutta la storia. Quindi, usiamo solo quel .ico per entrambi. È un formato unico creato per gestirlo comunque.
- Crea la versione 16 × 16 e 32 × 32, usando le tue migliori abilità di creazione di pixel per affinare entrambe
- Salvali come PNG di alta qualità
- Crea un nuovo progetto in Icon Slate (tramite)
- Trascina le versioni nei rispettivi "pozzetti"
- "Build" per creare il file .ico
- Collega quel .ico normalmente: