← Volver a las herramientas

Generador de favicons

Genera todos los tamaños de favicon a partir de una sola imagen. Descárgalos como ZIP junto con el código HTML listo para usar.

Subir imagen

Suelta la imagen aquí o haz clic para subirla

PNG, JPG, SVG • Las imágenes cuadradas funcionan mejor

Vista previa de todos los tamaños

Sube una imagen para ver las vistas previas

Fragmento de código HTML

Pega este código en la sección <head> de tu HTML:

<!-- Favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="shortcut icon" href="/favicon.ico">

<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<!-- Android Chrome -->
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">

<!-- Web App Manifest (optional) -->
<link rel="manifest" href="/site.webmanifest">

Preguntas frecuentes

¿Qué tamaños necesito para un favicon?+
Para una cobertura completa del navegador necesitas: 16x16 y 32x32 para navegadores, 180x180 para dispositivos Apple y 192x192 y 512x512 para Android. Nuestro generador crea todos estos tamaños automáticamente.
¿Qué formato de imagen es mejor para los favicons?+
PNG es el formato más ampliamente compatible para favicons modernos. Generamos archivos PNG para todos los tamaños: funcionan en todos los navegadores modernos y admiten transparencia.
¿Sigo necesitando un archivo .ico?+
Para una compatibilidad máxima, sí. Los navegadores muy antiguos y algunas aplicaciones siguen buscando favicon.ico. Nuestro generador incluye uno en el paquete de descarga.
¿Qué es apple-touch-icon?+
El Apple Touch Icon se utiliza cuando los usuarios añaden tu sitio web a la pantalla de inicio de su iPhone o iPad. Debe medir 180x180 píxeles y está incluido en nuestro paquete de favicon.

Más información

Mejora tu flujo de trabajo de desarrollo web con estas guías:

ScreenSnap Pro — turn plain screenshots into polished visuals with backgrounds and annotations
Disponible paramacOS&Windows

Haz que cada captura parezca profesional.

ScreenSnap Pro convierte capturas sencillas en imágenes pulidas — fondos, anotaciones, grabación de GIF y enlaces a la nube al instante.

Descubre ScreenSnap Pro

Herramientas relacionadas