Saltar al contenido
EVOA Toolbox

Generador de favicon

Convierte una imagen en un paquete completo de favicon: favicon.ico, tamaños PNG, icono Apple touch, iconos de Android, web manifest y etiquetas HTML.

Se procesa en local, en tu navegador. Tu archivo no se sube.

Cargando herramienta…

Qué hace esta herramienta

Sube un logotipo o un icono y obtén de una vez todo lo que necesita un sitio web moderno: favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, un favicon.ico real con varios tamaños, un apple-touch-icon.png de 180x180, los iconos Android Chrome de 192x192 y 512x512, un site.webmanifest listo para pegar y las etiquetas link de HTML correspondientes.

Puedes añadir margen interior, elegir una forma cuadrada, redondeada o circular, y rellenar el fondo con un color o dejarlo transparente. Cada tamaño se genera con un redimensionado escalonado (se reduce a la mitad varias veces antes del dibujo final), lo que mantiene los iconos pequeños mucho más nítidos que una sola reducción grande. Cada tamaño tiene su propia vista previa y su botón de descarga, y el ZIP reúne todos los archivos junto con un snippet.txt que explica dónde colocarlos.

El archivo ICO se construye en tu navegador con imágenes PNG incrustadas de 16, 32 y 48 píxeles, el formato que leen todos los navegadores actuales y Windows. No se sube nada: la imagen se decodifica y se dibuja en un canvas en tu dispositivo.

Cómo usarla

  1. 1Añade una imagen PNG, SVG, JPG o WebP. Una imagen cuadrada de 512x512 px o más grande da los mejores resultados.
  2. 2Elige una forma, el margen interior y el fondo (transparente o de un color sólido). Observa cómo se actualizan las vistas previas en cada tamaño.
  3. 3Introduce el nombre de tu app y el color del tema para el web manifest.
  4. 4Descarga los archivos por separado o llévate el ZIP completo.
  5. 5Copia los archivos a la raíz de tu sitio y pega el fragmento HTML en el <head> de tus páginas.

Formatos compatibles

Entrada: PNG, SVG, JPG/JPEG y WebP. Salida: PNG, ICO (16/32/48 px), site.webmanifest y un fragmento de texto, empaquetados en un ZIP.

Privacidad

Esta herramienta se ejecuta en tu navegador. Los datos que proporcionas se procesan en tu dispositivo y no se envían a nuestros servidores.

Limitaciones

  • Las imágenes no cuadradas se ajustan dentro de un cuadrado sin deformarse, así que el icono tendrá bandas vacías; recórtala antes para obtener un mejor resultado.
  • Las imágenes menores de 512 px se amplían para los iconos más grandes y se verán borrosas. La entrada SVG se mantiene nítida porque primero se rasteriza a una resolución alta.
  • El icono de 16 px es diminuto: los logotipos con mucho detalle suelen necesitar una versión simplificada para seguir siendo legibles.
  • La herramienta no genera un favicon.svg vectorial, iconos maskable (con zona segura) ni imágenes de mosaico para Windows.

Preguntas frecuentes

¿Qué archivos necesito realmente?

Para la mayoría de los sitios: favicon.ico en la raíz, un PNG de 32x32, apple-touch-icon.png (180x180) y los iconos de Android de 192/512 a los que hace referencia el web manifest. El paquete incluye todos ellos.

¿Por qué mi favicon no se actualiza después de cambiarlo?

Los navegadores guardan los favicons en caché de forma agresiva. Recarga la página ignorando la caché, borra los datos del sitio o añade una versión como /favicon.ico?v=2 en las etiquetas link.

¿El archivo ICO es realmente un icono de varios tamaños?

Sí. Contiene tres imágenes comprimidas en PNG (16, 32 y 48 px) dentro de un contenedor ICO estándar, de modo que cada lugar que muestra un favicon puede elegir el mejor tamaño.

¿Puedo usar una foto o un JPG?

Sí, pero las fotos rara vez funcionan a 16 px. Los logotipos y los símbolos sencillos con una silueta marcada se ven mejor. El JPG no tiene transparencia, así que elige un color de fondo o acepta el fondo original de la imagen.

Herramientas relacionadas