Convertir PNG a favicon ICO para tu sitio web
Este generador de favicon gratuito te permite pasar cualquier imagen o archivo PNG a favicon ICO directamente desde el navegador. Obtén todos los tamaños necesarios para escritorio y dispositivos móviles, junto con el archivo site.webmanifest y el código HTML listo para copiar. El procesamiento es 100 % local: tus imágenes nunca se suben a ningún servidor.
Genera el conjunto de iconos para tu web en todos los tamaños sin subir archivos al servidor.
Crea el archivo favicon.ico y todos los formatos web en un solo ZIP.
Usar el Generador de Favicon →Cómo convertir PNG a favicon ICO paso a paso
Generar el conjunto de iconos para tu web es un proceso rápido que se ejecuta por completo en tu navegador. Puedes pasar de una imagen PNG a favicon ICO en pocos segundos:
- Arrastra tu logotipo o imagen al cuadro de carga o haz clic para seleccionarlo desde tu dispositivo.
- Ajusta el margen interno o el color de fondo en el panel de ajustes si necesitas adaptar el diseño.
- Comprueba el resultado en la vista previa interactiva que simula una pestaña del navegador y una pantalla de inicio móvil.
- Haz clic en descargar para obtener el archivo ZIP con el conjunto de iconos para la web, el manifiesto y el código HTML listo para copiar.
Medidas de favicon para navegadores y motores de búsqueda
Las medidas de favicon varían según el dispositivo y el navegador. Esta herramienta crea de forma automática los tamaños estándar recomendados para garantizar una compatibilidad total.
El contenedor favicon.ico agrupa imágenes de 16x16, 32x32 y 48x48 píxeles. Google requiere específicamente una resolución de 48x48 píxeles o múltiplos para mostrar el icono en los resultados de búsqueda. Para móviles, se incluyen archivos PNG de 192x192 y 512x512 píxeles junto con el Apple Touch Icon de 180x180 píxeles para iOS Safari.
Convertir SVG a favicon y formatos de imagen soportados
Si necesitas convertir SVG a favicon, la herramienta rasteriza el archivo vectorial con máxima nitidez en cada una de las resoluciones de salida. También es posible convertir imagen a favicon desde formatos habituales como PNG, JPG, WebP o GIF.
Los archivos PNG conservan la transparencia original en todos los iconos generados. En el caso de los GIF animados, la utilidad procesa únicamente el primer fotograma. Para lograr un resultado nítido, se recomienda partir de una imagen cuadrada de al menos 256x256 píxeles.
Cómo insertar el favicon en el código HTML y servidor
Tras descomprimir el archivo ZIP, sube los iconos y el archivo site.webmanifest a la carpeta raíz de tu sitio web, habitualmente la carpeta public_html en alojamientos administrados con cPanel o Plesk.
A continuación, abre el archivo favicon-tags.html incluido en la descarga, copia las etiquetas <link> y pégalas dentro de la etiqueta <head> de tus páginas. Si el nuevo icono no aparece de inmediato, se debe a la persistencia del almacenamiento en el navegador; realiza un borrado de caché del navegador o una recarga forzada pulsando Ctrl + F5.
Generador de favicon online 100 % local y privado
A diferencia de otras utilidades, este generador de favicon online procesa las imágenes localmente mediante la API Canvas de HTML5. Ningún archivo se envía a servidores externos ni se almacena en bases de datos remotas.
Es una solución gratuita pensada para crear ICO para web directamente en tu ordenador o dispositivo móvil, sin registros, límites de uso ni marcas de agua.
Preguntas frecuentes
¿Cómo convertir una imagen PNG a favicon ICO gratis?
Puedes convertir un archivo PNG a favicon ICO cargando la imagen en esta herramienta desde tu navegador. El sistema genera de forma automática el archivo ICO multirresolución junto con los archivos PNG correspondientes y el bloque de código HTML listo para copiar.
¿Qué medidas y tamaño debe tener el favicon de una web?
El icono para las pestañas del navegador utiliza resoluciones de 16x16 y 32x32 píxeles, mientras que Google solicita un tamaño de 48x48 píxeles para los resultados de búsqueda. Para dispositivos móviles se emplean 180x180 píxeles en iOS y 192x192 junto a 512x512 píxeles en Android y aplicaciones web progresivas.
¿Cómo poner o insertar el favicon en el código HTML de mi sitio web?
Sube los archivos de imagen a la carpeta raíz de tu alojamiento web y copia las etiquetas link incluidas en la descarga. Pega ese bloque de código dentro de la sección head del documento HTML de tu sitio.
¿Qué es un archivo favicon.ico y para qué sirve?
Un archivo favicon.ico es un contenedor gráfico multirresolución capaz de albergar imágenes de varios tamaños en un único archivo. Sirve para mostrar la marca identificativa del sitio web en las pestañas de navegación y marcadores con la máxima compatibilidad retroactiva.
¿Por qué no cambia mi favicon y sigue apareciendo el icono antiguo?
Los navegadores y servidores web almacenan los favicones en memoria durante mucho tiempo. Para visualizar la nueva versión es necesario borrar la caché del navegador o realizar una recarga forzada mediante la combinación Ctrl + F5 en Windows o Cmd + Shift + R en Mac.
¿Qué es el archivo site.webmanifest y por qué es necesario?
El archivo site.webmanifest es un fichero en formato JSON que indica al navegador móvil cómo debe comportarse la web al utilizar la opción Añadir a la pantalla de inicio. Vincula los iconos de 192x192 y 512x512 píxeles para que la web se muestre como una aplicación.
¿Cómo crear el Apple Touch Icon para iPhone y iPad?
El Apple Touch Icon de 180x180 píxeles se genera automáticamente al procesar la imagen en el creador. Como el sistema iOS no admite fondos transparentes en los accesos directos de la pantalla de inicio, la herramienta aplica el color de fondo elegido en el panel de ajustes o un fondo blanco de forma predeterminada.
¿Se puede crear un favicon a partir de una imagen SVG o JPG?
Sí, la herramienta admite fuentes en formato SVG, JPG, PNG, WebP y GIF. Los archivos vectoriales SVG se convierten manteniendo la nitidez en todas las resoluciones, mientras que en los GIF animados se extrae el primer fotograma.
Usar el Generador de Favicon →
Herramientas relacionadas
Enmarcador de Capturas de App
Enmarca capturas para App Store y Play Store gratis.
Cómo funciona Enmarcador de Capturas de App
Convertidor de Imágenes
Convierte imágenes a JPG, PNG, WebP o PDF
Cómo funciona Convertidor de Imágenes