Guía

Generador de favicon transparente

Un favicon con fondo sólido se ve anticuado y choca con los navegadores en modo oscuro. Genera uno con transparencia alfa completa — se integra de forma limpia en cualquier tema.

Tanto PNG como .ico admiten canal alfa. Nuestro generador conserva la transparencia de tu fuente PNG o SVG de principio a fin.

Para un manejo óptimo de temas claro/oscuro, publica un favicon SVG junto al .ico con una media query prefers-color-scheme.

Cómo funciona

  1. 1

    Exporta tu logo con transparencia

    PNG-32 o SVG, sin fondo.

  2. 2

    Sube la imagen

    Detectamos el alfa y lo conservamos en todos los tamaños.

  3. 3

    Descarga

    Obtén un .ico + PNG transparente listo para publicar.

Pruébalo ahora

Genera un favicon transparente

Generador de Favicon

Preguntas frecuentes

¿El .ico admite transparencia?+

Sí — las entradas comprimidas en PNG dentro del .ico conservan su canal alfa.

¿Por qué mi favicon tiene un cuadro blanco?+

Tu PNG de origen tiene un fondo blanco. Vuelve a exportar desde tu herramienta de diseño sin relleno de fondo.

¿Los favicons SVG se adaptan al modo oscuro?+

Sí. Incrusta un bloque <style>@media (prefers-color-scheme: dark) { ... }</style>.

Herramientas relacionadas

Más guías

Guías

Explorar FetchFavicon

Categorías

Convertidores

Utilidades

Guías

Tutoriales