Un favicon moderno ya no es un único archivo: los navegadores buscan el clásico favicon.ico, iOS usa el apple-touch-icon de 180 px y Android/Chrome leen los iconos de 192 y 512 px declarados en el webmanifest. Esta herramienta genera los 8 archivos de una vez a partir de tu logo, con recorte cuadrado centrado automático, y te da el bloque HTML exacto para el <head>.
Cómo funciona
- 1
Sube tu logo (ideal: PNG cuadrado de 512 px o más).
- 2
Revisa la vista previa de todos los tamaños generados.
- 3
Descarga el ZIP y pega el snippet en tu <head>.
Preguntas frecuentes
¿Qué archivos genera exactamente?
favicon.ico (con 16, 32 y 48 px), favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png y site.webmanifest.
¿Qué imagen de partida debo usar?
Un PNG cuadrado de 512×512 px o mayor, con el motivo centrado y algo de margen. Si tu imagen no es cuadrada, se recorta automáticamente al centro. La transparencia se conserva.
¿Dónde coloco los archivos en mi web?
Sube todos los archivos del ZIP a la raíz de tu sitio (junto a index.html) y pega el bloque HTML generado dentro del <head> de tus páginas.
¿Se suben mis logos a algún servidor?
No. Todo el procesado ocurre dentro de tu navegador con la Canvas API: tus archivos nunca abandonan tu dispositivo, no hay colas de subida y la herramienta funciona incluso sin conexión una vez cargada la página.