Skip to content
Zoyku

Generador de favicons

Convierte cualquier logo o imagen en un set de favicons completo: PNG de 16 a 512 px con esquinas redondeadas y el HTML listo para pegar. En tu navegador.

Suelta un archivo aquí o haz clic para elegirlo

Esta herramienta funciona por completo en tu navegador. Tus datos nunca salen de tu dispositivo y no se suben a ningún servidor.

Cómo usarlo

  1. 1Suelta una imagen; un logo cuadrado funciona mejor.
  2. 2Elige el color de relleno y el estilo de esquina (rectas, redondeadas o círculo).
  3. 3Genera el set y descarga cada tamaño o el .zip completo.
  4. 4Pega el fragmento HTML en el <head> de tu página y sube los PNG.

Generador de favicons

Suelta una imagen cuadrada (o casi) y obtén los seis tamaños PNG que los proyectos reales necesitan: favicons de 16, 32 y 48 px, un apple-touch-icon de 180 px e iconos de 192 / 512 px para Android y manifiestos PWA. Las imágenes no cuadradas se centran en un lienzo cuadrado rellenado con el color de fondo que elijas, y las esquinas pueden ser rectas, redondeadas o un círculo completo.

Cada tamaño se genera a sus píxeles reales y se puede descargar por separado o todo junto en un .zip, junto con un fragmento <head> para copiar y pegar que usa los mismos nombres de archivo: suelta los PNG en la carpeta pública de tu proyecto y listo.

Preguntas frecuentes

¿Qué tamaños de favicon necesito de verdad?

16 y 32 px cubren las pestañas del navegador, 48 px ayuda con accesos directos y marcadores, 180 px es lo que piden las pantallas de inicio de iOS, y 192 / 512 px son los tamaños que buscan Android y los manifiestos de web apps. Generar los seis de una vez te libra de volver a pensarlo.

¿Por qué se ve borroso a 16 px?

Un icono de 16 px tiene 256 píxeles en total: los detalles finos y los trazos delgados desaparecen. Los favicons quedan mejor con marcas simples, de trazo grueso y alto contraste; si tu logo es muy detallado, prepara una versión simplificada como imagen de origen.

¿Sigo necesitando un .ico?

Los navegadores modernos usan favicons PNG mediante etiquetas <link>, y el fragmento que genera esta herramienta es todo lo que necesitan. Un .ico clásico solo importa para navegadores muy antiguos, que hoy son raros en la mayoría de los sitios.

Herramientas relacionadas

Todas las herramientas de Imagen →

Insertar esta herramienta

Pon esta herramienta en tu sitio con una línea: se ejecuta en el navegador del visitante.

<iframe src="https://zoyku.com/es/tools/favicon-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — favicon-generator" loading="lazy"></iframe>
100% local processing