Cómo crear un favicon – convertir PNG a ICO fácilmente
La pequeña imagen de la pestaña del navegador se llama favicon y es imprescindible para una web profesional. El web moderno usa cada vez más PNG y SVG, pero el formato ICO clásico sigue siendo clave: funciona en cualquier navegador y sistema.
Qué tamaños necesita un favicon
Un buen favicon contiene varias resoluciones: 16×16, 32×32, 48×48 y 64×64 píxeles. Los navegadores muestran distintos tamaños según el contexto: pequeño en la pestaña, mayor en marcadores, aún mayor en pantallas de alta densidad.
ICO es un contenedor y puede agrupar todos esos tamaños en un solo archivo. Solo subes `favicon.ico` a la raíz y listo.
Convertir PNG a ICO online
Empieza con un PNG cuadrado de al menos 256×256 píxeles y fondo transparente. En Pixshift elige ICO como destino: la herramienta crea automáticamente todos los tamaños estándar dentro del contenedor.
Importante: el motivo debe leerse a 16×16. Los logos detallados se benefician de una versión simplificada para el tamaño más pequeño, o de aislar la forma central. Prueba en local antes de desplegar.
Incluir el favicon
Coloca `favicon.ico` en la raíz del sitio y añade `<link rel="icon" href="/favicon.ico">` en el `<head>`. Para dispositivos modernos, complementa con un set PNG: `<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">`, etc.
iOS y Android usan sus propios apple-touch-icons a 180×180. Para hacerlo bien, genera también `apple-touch-icon.png` y un `manifest.json` para PWA.
¿Todavía hace falta ICO en 2026?
Los navegadores modernos manejan favicons en SVG o PNG sin problema. Pero: Microsoft Edge legacy, las vistas previas de Outlook y algunos crawlers aún piden favicon.ico. Si te importa el alcance, sirve ambos.
Set obligatorio en 2026: favicon.ico (16/32/48 px) en la raíz + favicon.svg para navegadores modernos + apple-touch-icon.png (180x180) + manifest.webmanifest con PNG 192/512 para PWA. Tres minutos de trabajo, tres años en paz.


