Cómo usar: Generador de favicon para sitios web
Genera en un clic todos los iconos que necesita un sitio web moderno: favicon.ico multi-tamaño real, PNG de 16, 32, 48, 96, 192 y 512 px, apple-touch-icon de 180 px, icono «maskable» para Android y el archivo site.webmanifest.
Recibes un único ZIP y el bloque HTML que debes pegar en el <head> de tu página. Puedes ajustar el encaje de la imagen, el color de fondo y el redondeo de las esquinas.
Paso a paso
- Sube tu logo (PNG, JPG, WebP o SVG), preferiblemente cuadrado.
- Elige cómo encajarlo (rellenar o contener), el fondo y el redondeo.
- Revisa la vista previa en los distintos tamaños.
- Descarga el ZIP y pega el código HTML en tu web.
Ventajas
ICO real
El favicon.ico contiene varios tamaños (16, 32, 48 y 64 px), no es un PNG renombrado.
Todos los tamaños
Navegadores, iOS, Android, Windows y PWA.
Código listo
Te damos las etiquetas link y el site.webmanifest.
Vista previa en pestaña
Comprueba cómo se verá antes de descargar.
Preguntas frecuentes
¿Qué tamaños de favicon necesito?
Como mínimo favicon.ico (16/32/48 px), un PNG de 180 px para Apple y PNG de 192 y 512 px para Android y PWA. Esta herramienta genera todos.
¿El archivo .ico es real?
Sí. Se construye un ICO con varias imágenes PNG dentro, compatible con todos los navegadores.
¿Qué imagen es mejor?
Un logo cuadrado y sencillo de al menos 512×512 px. A 16 px los detalles finos se pierden.
¿Dónde pego el código?
Dentro de la etiqueta head de todas tus páginas, y sube los archivos del ZIP a la raíz de tu sitio.