Saltar al contenido

Generador de favicon

Suelta una imagen cuadrada, descarga favicons PNG en todos los tamaños estándar.

Funciona en tu navegador

Suelta una imagen cuadrada y elige un fondo (o déjalo transparente). Renderizamos los PNG en cada tamaño estándar usando Canvas. Descarga uno a uno o todos a la vez.

Suelta o elige una imagen (PNG, SVG, JPG)

Aún sin imagen - suelta o elige una arriba.

Cómo usarla

  1. Suelta tu imagen

    Cuadrada es lo ideal. PNG, SVG, JPG, WebP aceptados.

  2. Elige un fondo

    Transparente, blanco, negro o tu color de marca. Los SVG van con fondo transparente por defecto.

  3. Descarga

    Botón Descargar junto a un tamaño para un PNG; Descargar todo para todos.

¿Qué es?

Un generador de favicon toma una imagen y produce varias copias PNG en los tamaños que esperan navegadores y plataformas móviles: 16 y 32 para pestañas, 180 para pantalla de inicio iOS, 192 y 512 para manifiestos Android / PWA, más tamaños intermedios para pantallas de alta densidad. La salida es un conjunto de PNG para tu `public/`.

Cuándo usarla

Reemplazar el favicon por defecto al lanzar un sitio, refrescar identidad de marca, generar iconos del manifest PWA, producir iconos de app por producto.

Errores comunes

Usar una imagen no cuadrada - el resultado queda con bandas. Poner detalle fino a 16px - 16 píxeles de ancho son un glifo, no un logo. Y olvidar las variantes iOS 180px / Android 192-512px - el favicon que envías a un escritorio no es el que pide una pantalla de inicio móvil.

Preguntas frecuentes

¿Por qué no archivo .ico?
Los navegadores modernos manejan favicons PNG, incluido Windows. .ico solo hace falta para IE legacy; si lo necesitas, usa un conversor aparte sobre el PNG 32px.
¿Se sube mi imagen?
No. La API Canvas se ejecuta en tu navegador y procesa el archivo localmente. Nunca vemos tu imagen original.

Más en esta categoría