Guía del favicon transparente
Un fondo sólido en un favicon se ve anticuado y choca con el modo oscuro. Aquí te explicamos cómo conservar el alfa de principio a fin.
3 min de lectura
Empieza con una fuente transparente
Exporta tu logotipo como PNG-32 sin relleno de fondo, o usa SVG. La mayor parte del desenfoque proviene de un fondo blanco integrado, no de la herramienta de favicon.
.ico admite alfa
Las entradas comprimidas en PNG dentro de .ico conservan su canal alfa. Las entradas bitmap no — usa una herramienta que seleccione la codificación correcta según el tamaño.
Gestión del modo oscuro
Publica un SVG con un bloque <style>@media (prefers-color-scheme: dark) { ... }</style>, y deja que .ico se encargue del respaldo estático.