Suelta una imagen para crear un favicon
Arrastra y suelta, pega o elige un archivo
PNG · JPG · WebP · SVG — iconos creados en tu dispositivo
Generador de Favicon
Convierte una imagen en un conjunto de favicon completo — favicon.ico, todos los tamaños PNG, apple-touch-icon, iconos Android, un manifiesto web y el snippet HTML — en un solo zip, directamente en tu navegador.
Preguntas frecuentes
¿Qué es un favicon y qué tamaño debe tener?
Un favicon es el pequeño icono que el navegador muestra en la pestaña, marcadores e historial. No hay un único tamaño — los sitios modernos incluyen varios: un favicon.ico con 16, 32 y 48 px, iconos PNG de hasta 512 px, un apple-touch-icon de 180 px para iOS, e iconos de 192/512 px para Android y PWAs. Este generador los crea todos a la vez.
¿Cómo creo un favicon.ico desde un PNG?
Arrastra tu PNG (o JPG, WebP o SVG) al área de la herramienta. Reduce tu imagen a 16, 32 y 48 px y los empaqueta en un único favicon.ico, junto con iconos PNG individuales. Descarga el zip y copia favicon.ico a la raíz de tu sitio.
¿Dónde se procesa mi imagen?
Todo ocurre en tu navegador, por lo que los iconos se crean en tu propio dispositivo. Cómo se gestiona cualquier dato asociado a la herramienta se describe en nuestra política de privacidad.
¿Qué archivos obtengo y dónde van?
El zip contiene favicon.ico, favicons PNG (16–512 px), apple-touch-icon.png, PNGs android-chrome-192/512, un site.webmanifest y un snippet HTML listo para pegar. Copia los archivos a la raíz de tu sitio y pega el snippet en el <head> de tu página.
¿Mi imagen fuente debe ser cuadrada?
Lo cuadrado funciona mejor porque los iconos son cuadrados. Si tu imagen no es cuadrada, se centra y se encuadra en un marco cuadrado; también puedes añadir un color de fondo y relleno para que el arte no cuadrado quede limpiamente dentro del icono.
¿Debe el favicon tener fondo transparente o sólido?
El transparente (PNG) se ve mejor en la mayoría de navegadores y se adapta a las pestañas claras y oscuras. Usa un fondo sólido si tu logo tiene trazos finos que desaparecen en ciertos temas, o si quieres un aspecto de icono de app con esquinas redondeadas.
¿Puedo generar también iconos de app para iOS y Android?
Sí. Cambia al modo Iconos de app para exportar el conjunto completo de iOS (40–1024 px para Xcode y la App Store) y las densidades mipmap de Android más el icono de 512 px de Play Store, organizados en carpetas dentro del zip.
¿Cómo añado el favicon a mi sitio web?
Sube los archivos a la raíz de tu sitio y luego pega las etiquetas <link> proporcionadas en el <head> de cada página (o tu diseño compartido). La línea favicon.ico cubre navegadores más antiguos; las líneas PNG y apple-touch-icon cubren navegadores modernos e iOS; la línea del manifiesto cubre Android y PWAs instalables.
¿Por qué no aparece mi nuevo favicon?
Los navegadores almacenan en caché los favicons de forma agresiva. Haz una recarga forzada, abre el archivo directamente (tusitio.com/favicon.ico) o prueba una ventana privada. Las pestañas y marcadores pueden tardar un poco en actualizarse incluso después de que el archivo esté activo.
¿El generador de favicon es realmente gratuito?
Sí — completamente gratuito, sin marca de agua y sin registro. Genera tantos conjuntos de favicon e iconos de app como quieras.
Todas las herramientas de favicon e iconos
Ve directamente a la tarea de icono exacta que necesitas.
Más herramientas de imagen
Convert image format
PNG, JPG and WebP — convert any to any.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCrop an image
Crop to any ratio or an exact pixel size.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolConvert HEIC to JPG
Turn iPhone HEIC photos into universal JPG.