24Bytes Imágenes Generador de favicon
Crear favicon.ico y iconos de tu sitio desde una imagen
Sube tu logo y descarga en un ZIP el favicon.ico, los iconos para iPhone y Android, el manifest y el código para pegar en tu web. Se genera en tu navegador.
- Todo ocurre en tu navegador
- Sin registro
- Gratis y sin límite
Arrastra tu logo aquí
o pulsa para elegirlo · PNG, JPG, WebP o SVG, mejor si es cuadrado y de 512 px o más
El ZIP trae favicon.ico (16, 32 y 48 px), PNG de 16, 32, 180 (iPhone), 192 y 512 px (Android), site.webmanifest y el código HTML para pegar.
Cómo diseñar un buen favicon
A 16 píxeles no caben los detalles. Funciona mejor una forma simple: una inicial, un símbolo o el logo sin texto, con buen contraste contra fondos claros y oscuros. Si tu logo es horizontal con texto, usa solo el isotipo.
Las vistas previas de arriba muestran el resultado a tamaño real: si a 16 y 32 px no se reconoce, conviene simplificar la imagen de origen antes de generar el paquete.
Cómo funciona
- Elige tu logo. PNG, JPG, WebP o SVG. Lo ideal es una imagen cuadrada de 512 px o más.
- Ajusta cómo se ve. Si no es cuadrado, decide entre mostrarlo entero o recortarlo al centro. Puedes poner esquinas redondeadas o un color de fondo.
- Descarga el ZIP. Sube los archivos a la raíz de tu sitio y pega el contenido de pegar-en-head.html dentro de la etiqueta head.
Preguntas frecuentes
¿Qué tamaños de favicon necesito?
El favicon.ico con 16, 32 y 48 px cubre navegadores y pestañas; un PNG de 180 px sirve de icono al guardar la web en el iPhone; y los de 192 y 512 px los usa Android y las apps web instalables. El paquete los trae todos.
¿Dónde pongo los archivos?
En la raíz de tu sitio (por ejemplo https://tusitio.com/favicon.ico). Muchos navegadores piden /favicon.ico por defecto aunque no lo declares, y el código de pegar-en-head.html cubre el resto.
¿Puedo usar un SVG?
Sí. Un SVG se dibuja a cada tamaño sin perder nitidez, así que es la mejor fuente posible para los iconos.
¿El favicon no se actualiza en mi navegador, qué hago?
Los navegadores guardan el favicon en caché con mucha insistencia. Prueba con una ventana privada o cambia el nombre del archivo y su enlace para forzar la recarga.