Guide du favicon transparent

Un fond opaque sur un favicon paraît daté et jure avec le mode sombre. Voici comment préserver l'alpha de bout en bout.

3 min de lecture

Partir d'une source transparente

Exportez votre logo en PNG-32 sans fond, ou utilisez un SVG. Le flou provient le plus souvent d'un fond blanc intégré dans l'image, pas de l'outil favicon.

Le .ico supporte l'alpha

Les entrées compressées en PNG à l'intérieur du .ico conservent leur canal alpha. Les entrées bitmap, non — utilisez un outil qui choisit le bon encodage par taille.

Gérer le mode sombre

Publiez un SVG avec un bloc <style>@media (prefers-color-scheme: dark) { ... }</style> et laissez le .ico assurer le fallback statique.

Essayez les outils

Continuer la lecture

Explorer FetchFavicon

Catégories

Convertisseurs

Utilitaires

Guides

Tutoriels