Comprimir imagen
Reducir el peso de las imágenes.
Imagen
Generador de favicon
Generar un juego completo de favicons.
Qué hace. Este generador produce a partir de una imagen los archivos de favicon que necesita una web, más el HTML para declararlos. Un solo archivo ICO ya no basta: móviles y tabletas piden versiones mayores.
Funciona en tu navegadorNo se sube nadaSin registroFunciona sin conexión
Cómo usar Generador de favicon
- Elige una imagen cuadrada, preferiblemente de 512 × 512 píxeles o más.
- Observa las vistas previas a distintos tamaños.
- Descarga el juego y pega el HTML en tu cabecera.
Qué archivos hacen falta
El juego ha ido creciendo con los años; esto es lo que necesita una web corriente.
| Archivo | Para qué |
|---|---|
| favicon.ico | navegadores antiguos, barra de direcciones |
| PNG de 32 × 32 | navegadores modernos |
| apple-touch-icon de 180 × 180 | pantalla de inicio de iOS |
| PNG de 192 y 512 | Android y aplicación web |
| SVG | escala a cualquier tamaño y se adapta al tema |
El SVG es lo más reciente y lo más cómodo: un solo archivo nítido a cualquier tamaño. El soporte ya es amplio, pero incluye los PNG como respaldo.
El archivo de manifiesto hace falta en cuanto quieras que la web pueda instalarse en una pantalla de inicio: contiene el nombre, los colores y las referencias a los iconos grandes.
Diseñar para 16 píxeles
Un favicon se muestra a menudo a dieciséis píxeles de lado, menos espacio que una letra de esta frase.
Un logotipo que funciona en una web resulta allí casi siempre ilegible. Los trazos finos desaparecen, el texto se convierte en una mancha gris y un emblema complejo en un borrón.
Lo que sí funciona: una sola letra, un emblema muy simplificado o una forma rotunda. Muchas marcas grandes usan solo su inicial.
Busca contraste con los dos fondos posibles de pestaña. Un icono oscuro se pierde en tema oscuro y uno claro en tema claro; un color de fondo dentro del propio icono resuelve la cuestión.
Pruébalo a tamaño real y no sobre la vista previa de 512 píxeles: es el error que comete casi todo el mundo.
Preguntas frecuentes
¿Basta con un favicon.ico?
No. Móviles y tabletas piden PNG mayores.
¿Qué tamaño aporto?
Cuadrado, al menos 512 × 512 píxeles.
¿Puedo usar un SVG?
Sí, es lo más cómodo. Incluye los PNG como respaldo.
¿Por qué mi logotipo es ilegible?
A dieciséis píxeles no cabe ningún detalle. Usa una letra o una forma muy simplificada.
¿Por qué no se ve mi favicon?
Los navegadores los guardan en caché con tenacidad. Recarga forzando o prueba en ventana privada.
¿Se sube mi imagen?
No.
Guías sobre Generador de favicon
- PNG vs JPG vs WebP: Which Format to Use8 min read