Generador de favicon gratis
Genera un conjunto de favicon desde un logo y previsualízalo de 16 a 512 px. Consejos para tamaños diminutos y qué PNG publicar.
Crea tamaños de icono estándar sin recortar los bordes de la imagen.
o suelta una imagen en cualquier lugar de esta página
favicon.ico incluye fotogramas de 16, 32, 48, 64 y 256 px. Los PNG se guardan con el tamaño mostrado; 180 px se guarda como apple-touch-icon.png.
Crear favicons ICO y PNG
Lo que conviene saber
La vista del generador tiene tanto de diseño como de exportación. Ocho mosaicos de vista previa de 16, 32, 48, 64, 180, 192, 256 y 512 px aparecen en cuanto se carga la imagen, dibujados desde el mismo cuadrado de 512 px que usan las descargas. Mira primero el de 16 px: es el tamaño que suele mostrar una pestaña del navegador y donde fallan la mayoría de los logos.
Los tamaños pequeños premian la sencillez. Una letra gruesa, una forma lisa o un símbolo de alto contraste sobreviven a 16 px, mientras que una marca de texto, un contorno fino o una foto se convierten en una mancha. Si tu logo completo es complicado, crea una versión de icono aparte y úsala. Deja un margen de alrededor del 6 al 10 por ciento dentro del cuadrado para que la marca no toque el borde, porque la imagen se ajusta sin recortar y la pestaña no añade relleno propio.
Los fondos transparentes se conservan en las descargas PNG, lo que va bien con pestañas en temas claros y oscuros del navegador, pero un logo oscuro sobre transparencia puede desaparecer en una pestaña oscura. Imagina los mosaicos de 16 y 32 px sobre un fondo oscuro o dale a la marca una forma de fondo sólida. La salida de 180 px es para las pantallas de inicio de iOS, donde la transparencia suele rellenarse de negro, así que allí queda mejor un fondo sólido.
Una lista corta para publicar es favicon.ico, apple-touch-icon.png y los archivos de 192 y 512 px para un manifiesto. Los PNG de 16, 32, 48, 64 y 256 px son el material del que se hace el ICO, así que consérvalos solo si referencias tamaños sueltos en etiquetas link.
Elige una tarea 6
Herramientas relacionadas 13
Cómo usar Generador de favicon gratis
- Carga tu icono simplificado, por ejemplo un PNG cuadrado de 512 px con un 8 por ciento de margen.
- Estudia la legibilidad de los mosaicos de 16 y 32 px.
- Si el de 16 px se ve borroso, cambia a una imagen más simple y compara de nuevo.
- Descarga favicon.ico y después los PNG de 180, 192 y 512 px.
Respuestas rápidas
¿Por qué mi logo se ve borroso en el mosaico de 16 px?
Dieciséis píxeles admiten muy poco detalle, así que las líneas finas y el texto pequeño se funden. Usa una versión de icono más simple y más gruesa de la marca.
¿Sirve un fondo transparente para el favicon?
Funciona en los navegadores, pero un logo oscuro sobre transparencia puede desaparecer en una pestaña oscura. Una forma de fondo sólida es más segura, sobre todo para el icono de iOS de 180 px.
¿Cuánto margen debo dejar dentro del cuadrado?
Entre un 6 y un 10 por ciento va bien. La imagen se ajusta sin recortar, así que el margen que diseñes se conserva.
¿Necesito los ocho tamaños de PNG?
No. Para la mayoría de los sitios bastan favicon.ico, el archivo de 180 px y los de 192 y 512 px.