Crea un favicon a partir de cualquier imagen
10 / 10ICO, PNG en todos los tamaños, Apple Touch Icon, Android Chrome y manifiesto PWA — una subida, un ZIP.
Sube la imagen de origen
PNG, SVG, JPG o WebP — se recomienda 512×512
PNG, JPG, SVG, WebP — hasta 10 MB
— —
Generando favicons…
Resultado
Aquí aparecerá el resultado
Sube una imagen y haz clic en “Generar favicons”
Cómo funciona el generador de favicons
Crea un paquete completo de favicons a partir de una sola imagen. Con una sola subida cubres todos los navegadores, dispositivos y plataformas.
Paquete completo de favicons
Genera con un clic todos los tamaños de favicon que necesitas: ICO (16/32/48px), Apple Touch Icon (180px), Android Chrome (192/512px) y un archivo de manifiesto de aplicación web.
Proceso sencillo
Sube una sola imagen de alta resolución (PNG, SVG o JPG) y la herramienta la redimensiona, la recorta y la convierte automáticamente a todos los formatos necesarios.
HTML listo para usar
Obtén el fragmento de HTML completo con todas las etiquetas link y meta. Pégalo en el head de tu página y tus favicons funcionarán en todas partes: navegadores, marcadores y pantallas de inicio.
Compatibilidad con PWA
El manifest.webmanifest generado incluye iconos para aplicaciones web progresivas (PWA). Instala tu sitio como app de escritorio o para teléfono con el icono correcto en cada plataforma.
Preguntas frecuentes
Usa una imagen cuadrada de al menos 512x512 píxeles. La herramienta la reducirá a todos los tamaños necesarios. Un SVG da el resultado más nítido en cualquier tamaño, porque no depende de la resolución.
Sí. El formato ICO sigue siendo necesario para los navegadores antiguos y la barra de tareas de Windows. Reúne varios tamaños (16, 32, 48px) en un solo archivo. Nuestro generador lo crea automáticamente junto con los favicons modernos en PNG.
Cuando alguien guarda tu sitio web en un iPhone o iPad, Safari usa el Apple Touch Icon (PNG de 180x180) como imagen del marcador y como icono de la pantalla de inicio. Sin él, Safari hace una captura de tu página, que normalmente se ve mal.
Descarga el ZIP, extrae los archivos en el directorio público de tu sitio y añade las etiquetas HTML que te damos al head de la página. El fragmento de HTML enlaza todos los iconos con las rutas y atributos correctos.