Convertir PNG a ICO y crear un favicon

Cómo convertir PNG a ICO

1. Añade tu imagenElige un archivo PNG, JPG, WebP o SVG, o arrástralo al recuadro. Una imagen cuadrada de al menos 256 × 256 píxeles da el mejor resultado.
2. Elige los tamaños del iconoMarca los tamaños que quieres dentro del ICO; 16, 32 y 48 vienen marcados. Si la imagen no es cuadrada, elige entre añadir bordes transparentes o recortar un cuadrado centrado.
3. Descarga el ICO o el kitDescarga el ICO para obtener un solo archivo con todos los tamaños, o el kit de favicon para obtener un ZIP con los iconos PNG, el manifiesto web y un bloque de HTML listo para pegar en tu página.

¿Qué es un archivo ICO?

ICO es el formato de icono que usan Windows y los navegadores para la imagen pequeña de una pestaña, un marcador o un acceso directo. Un mismo archivo ICO puede guardar el dibujo en varios tamaños, y el sistema elige el que mejor encaja: 16 píxeles en la pestaña del navegador, 32 en la barra de tareas, 256 en la vista de carpetas.

Este convertidor guarda cada tamaño como un PNG dentro del contenedor ICO, lo que conserva intactos la transparencia y los bordes suaves. Todas las versiones actuales de Windows y los principales navegadores leen ese formato sin problemas.

Crear el favicon de tu página web

Como generador de favicon, esta página prepara los archivos que una web necesita hoy: favicon.ico, iconos PNG de 16 y 32 píxeles para los navegadores, un apple-touch-icon de 180 píxeles para la pantalla de inicio del iPhone y el iPad, iconos de 192 y 512 píxeles para Android y un site.webmanifest que apunta a todos ellos. El apple-touch-icon se coloca sobre fondo blanco, porque iOS rellena de negro las zonas transparentes.

Sube los archivos a la raíz de tu sitio y copia el HTML que aparece bajo la vista previa dentro del head de tus páginas. También hay un campo para el nombre de la app, que se escribe en el manifiesto. Sirve igual para una tienda en línea, un blog en WordPress o la web de tu negocio.

Los buscadores usan el mismo archivo. Google pide un favicon cuyo lado sea múltiplo de 48 píxeles; por eso el 48 forma parte de la selección por defecto y el kit incluye un icono de 192 píxeles.

Fuentes: Google Search Central: definir un favicon

Convertir JPG u otra imagen a ICO

Puedes partir de casi cualquier imagen. Si conviertes un JPG a ICO, ten en cuenta que el JPG no tiene transparencia, así que el icono será un cuadrado o rectángulo relleno. Si quieres esquinas transparentes, usa un PNG o un SVG que ya las tenga, o recorta antes el logotipo con la herramienta de recortar imagen.

Convertir una imagen a ICO funciona igual con cualquier formato admitido: PNG y WebP mantienen sus zonas transparentes, y un SVG se dibuja a alta resolución antes de reducirlo, así que las líneas siguen nítidas incluso a 16 píxeles.

Tamaños e imágenes que no son cuadradas

Los iconos pequeños pierden detalle enseguida. Un logotipo con letras finas suele necesitar una versión simplificada para 16 y 32 píxeles; revisa la vista previa, que muestra cada tamaño tal como se verá. Los tamaños mayores que tu imagen de origen se amplían y pueden verse borrosos, y la página te avisa cuando ocurre.

Los iconos son cuadrados. Una imagen ancha o alta se puede completar con bordes transparentes, que conservan la imagen entera, o recortar a su cuadrado central, que llena el icono pero corta los lados.

• 16 y 32 píxeles: pestañas del navegador y marcadores.
• 48 píxeles: tamaño base habitual para iconos de Windows y para el favicon en los resultados de búsqueda.
• De 64 a 256 píxeles: accesos directos del escritorio y vistas de iconos grandes en Windows.

Preguntas frecuentes