Saltar al contenido

Generador de favicon

Convierte tu logo en un paquete de favicons listo para instalar. Comprueba los tamaños pequeños y descarga iconos ICO y PNG con nombres claros, manifiesto y etiquetas HTML.

Tu archivo

Arrastra una imagen para crear favicons

PNG, JPG, WebP o HEIC

Por qué usar esta herramienta

  • Sin límite de tamaño

    Fotos a tamaño completo y documentos largos, directamente desde tu dispositivo.

  • No se sube nada

    Se procesa entero en tu navegador. Tus archivos nunca salen de tu dispositivo.

  • Sin registro

    Abres la herramienta y listo. Sin cuenta y sin correo.

Para convertir una imagen a favicon, no basta con cambiar su extensión. Este generador crea los tamaños para pestañas, marcadores y accesos directos a partir de PNG, JPG, WebP o HEIC, sin subir la imagen a un servidor.

Elige un símbolo sencillo y con buen contraste. Los textos pequeños y las fotografías con muchos detalles pueden perder legibilidad a 16 × 16 píxeles.

Cómo crear un favicon a partir de una imagen

  1. Elige tu logo

    Arrastra una imagen o selecciona un archivo. Conviene usar un original cuadrado de al menos 512 × 512 píxeles.

  2. Revisa la vista previa

    Conserva la imagen completa o recórtala. Ajusta el margen y el fondo de los iconos de Apple y Android.

  3. Descarga e instala

    Genera el paquete, extrae el ZIP y sube los archivos. Copia las etiquetas en la cabecera HTML del sitio.

Tamaños para pestañas y pantallas de inicio

El ICO reúne 16, 32 y 48 píxeles. Los PNG cubren 16, 32, 48, 96, 180, 192 y 512 píxeles. Apple Touch lleva fondo opaco y el icono adaptable mantiene el contenido dentro de la zona segura.

Un logo claro también en pequeño

Utiliza PNG para conservar la transparencia o elimina el fondo antes. Puedes recortar la imagen para centrar el símbolo. Ampliar un original pequeño no recupera detalles. Para obtener solo un archivo ICO, usa Imagen a ICO.

Instalación y solución de problemas

El código incluido apunta a la raíz del sitio. Integra los iconos en el manifiesto existente y elimina etiquetas antiguas que entren en conflicto. Comprueba las URL y la caché. Los buscadores necesitan volver a rastrear los cambios y no garantizan mostrar el favicon.

Tamaños y nombres de los favicons

El ZIP contiene 12 archivos. Estos son los iconos y sus usos.

ArchivoTamaño en píxelesUso
favicon.ico16 / 32 / 48Pestañas y compatibilidad ICO
favicon-16x16.png · favicon-32x32.png · favicon-48x48.png16 / 32 / 48Alternativas PNG pequeñas
favicon-96x96.png96 × 96Icono grande para navegador y búsqueda
apple-touch-icon.png180 × 180Accesos directos de iPhone y iPad
android-chrome-192x192.png · android-chrome-512x512.png192 / 512Iconos de Android y aplicaciones web
maskable-icon-512x512.png512 × 512Icono adaptable con zona segura

Un icono para cada proyecto

  • Sitios de empresas

    Mantén un logo reconocible en pestañas y accesos directos.

  • Blogs y portfolios

    Crea el icono del sitio sin instalar un editor.

  • Aplicaciones web

    Genera los iconos del manifiesto y revisa por separado los demás requisitos de instalación.

Preguntas frecuentes

¿El generador de favicon es gratis?
Sí. Puedes generar y descargar los archivos sin cuenta ni marca de agua. La imagen se procesa en tu navegador.
¿Puedo convertir PNG o JPG a favicon?
Sí, además de WebP y HEIC. Un PNG transparente resulta útil para logos. No se admiten SVG, GIF ni ICO como entrada.
¿Qué contiene el ZIP?
Un ICO con varios tamaños, ocho PNG, site.webmanifest, un fragmento HTML e instrucciones en español. Incluye un icono adaptable independiente de 512 píxeles.
¿Por qué el icono adaptable tiene más margen?
Android puede recortar el icono con distintas formas. La imagen completa queda dentro del círculo seguro central, sobre un fondo opaco.
¿Aparecerá mi favicon en Google al instante?
No. Google debe rastrear la página de inicio y el icono. El PNG de 96 píxeles supera los 48 píxeles recomendados. Mantén una URL estable y accesible; su aparición no está garantizada.
¿El paquete convierte mi sitio en una PWA?
No por sí solo. Incluye iconos y un manifiesto inicial. Revisa el nombre, la URL de inicio, el alcance y los demás requisitos de una aplicación web instalable.

Del blog

Todos los artículos

Herramientas relacionadas

Todas las herramientas de imagen