Skip to content
Herramienta gratuitaDesign

Genere todos los tamaños de favicon que su sitio web necesita a partir de una sola imagen

Cargue un logotipo o ícono y la herramienta generará favicons en todos los tamaños que requieren los navegadores, sistemas operativos y manifiestos de PWA modernos, desde el clásico ICO de 16 x 16 hasta el PNG de 512 x 512 para pantallas de inicio de Android. Descargue un paquete listo para implementar con el fragmento HTML incluido.

Utilice esta herramienta gratis

Características

1

Cobertura de tamaño completo

Genera 16 x 16, 32 x 32 y 48 x 48 para navegadores tradicionales; Icono táctil de Apple de 180 x 180 para iOS; 192 x 192 y 512 x 512 para manifiestos PWA de Android. Todos los tamaños comunes en una sola pasada.

2

Salida ICO y PNG

El paquete incluye un archivo .ico de resolución múltiple (que contiene capas de 16, 32 y 48 px) y archivos PNG individuales para cada tamaño. Ambos formatos están listos para su uso directo en etiquetas de encabezado HTML.

3

Editor de recorte y relleno

Ajuste el área de recorte para aislar la parte del icono de su imagen. Agregue relleno para evitar que el ícono toque los bordes del cuadrado del favicon, lo que mejora la legibilidad en tamaños pequeños.

4

control de fondo

Mantenga un fondo transparente para los navegadores modernos o establezca un color de relleno sólido para los íconos táctiles de Apple (que no admiten transparencia). Obtenga una vista previa de ambos modos antes de descargarlos.

como usar

1

Sube tu imagen

Coloque un archivo PNG, SVG, JPEG o WebP en el generador. Las imágenes cuadradas de 512 px o más producen los resultados más nítidos.

2

Recortar y ajustar

Arrastre los controladores de recorte para aislar el área del icono. Agregue relleno si el ícono necesita espacio para respirar. Establezca el fondo en transparente o en un color sólido.

3

Vista previa de todos los tamaños

La herramienta representa todos los tamaños de destino simultáneamente para que pueda verificar que el ícono sea reconocible a 16 px y se vea nítido a 512 px.

4

Descarga el paquete

Descargue un ZIP que contenga todos los archivos favicon más un fragmento HTML que puede pegar en la etiqueta <head> de su sitio para hacer referencia a cada ícono correctamente.

Presupuesto

Tamaños de salida (px)16, 32, 48, 180, 192, 512
Formatos de salidaICO (multicapa), PNG
Formatos de entradaPNG, SVG, JPEG, WebP
Entrada recomendada512 x 512 px o más, cuadrado
Icono táctil de Apple180 x 180 px con fondo sólido opcional
TratamientoDel lado del cliente (sin carga)

Related Magic Eraser Tools

Preguntas comunes

¿Con qué tamaño de imagen debería empezar?

+

Comience con una imagen cuadrada de al menos 512 x 512 px. El generador reduce la escala de este maestro, por lo que una fuente de alta resolución garantiza que cada tamaño más pequeño sea nítido. Los archivos SVG funcionan mejor porque se escalan sin pérdida de calidad.

¿Necesito los seis tamaños?

+

Para máxima compatibilidad, sí. El ICO de 16 y 32 px cubre navegadores heredados, el PNG de 180 px es necesario para los marcadores de Safari de iOS y los PNG de 192/512 px son necesarios para las indicaciones de instalación de PWA de Android y las pantallas de presentación.

¿Cómo agrego los favicons a mi sitio web?

+

El paquete de descarga incluye un fragmento de HTML. Pégalo en la sección <head> de tu sitio. Hace referencia al archivo ICO para navegadores y a los archivos PNG para dispositivos Apple y Android. La mayoría de los marcos también admiten la colocación de favicon.ico en el directorio raíz.

¿Logotipo demasiado complejo para un favicon pequeño?

Utilice Background Eraser para aislar el símbolo principal de su logotipo completo, luego introduzca el icono de limpieza en el generador de favicon. Una forma más simple se lee mejor a 16 px.

Pruébalo gratis

More free tools

Explore our other limited free edits after sign-in photo and image tools.