Cambiador de tamaño de favicon

Cambie el tamaño de sus íconos a todos los tamaños de favicon estándar para los navegadores, WindowsmacOS, iOS y Android. Genera archivos ICO y PNG optimizados con un solo clic.

Suelta tu imagen aquí

o haga clic para explorar los archivos

PNG JPG SVG ICO GIF WEBP
Para obtener mejores resultados, utilice una imagen cuadrada de al menos 256×256 píxeles.

Cómo cambiar el tamaño de tu favicon

  1. Sube tu imagen (PNG, JPG, SVG o archivo ICO existente) usando arrastrar y soltar o el explorador de archivos.
  2. Selecciona los tamaños que necesites. Los faviconos de los navegadores suelen tener tamaños de 16×16, 32×32 y 48×48 píxeles.
  3. Elija su formato de salida: PNG para archivos individuales, ICO para Windows compatibilidad, o ambas.
  4. Haga clic en "Cambiar tamaño de favicon" y descargue sus íconos redimensionados.
  5. Utilice nuestra Comprobador de favicon para verificar que su favicon esté configurado correctamente en su sitio web.

Explicación de los tamaños estándar de favicon

16 × 16 y 32 × 32

Tamaños esenciales de faviconos del navegador. 16×16 aparece en las pestañas del navegador, mientras que 32×32 se usa para accesos directos de la barra de tareas y marcadores. Genere ambos usando nuestro Favicon Generator.

48 × 48

Requerido por Google para mostrar los resultados de búsqueda. Debe ser un múltiplo de 48 píxeles. Usa nuestro Comprobador de favicon para verificar la elegibilidad de Google.

64 × 64 hasta 256 × 256

Windows iconos de escritorio, mosaicos y pantallas de alta resolución. Se recomienda 256 × 256 para pantallas modernas. WindowsConvierte a ICO con nuestro PNG a ICO convertidor.

180 × 180

Icono táctil de Apple para dispositivos iOS. Aparece cuando los usuarios añaden tu sitio a su pantalla de inicio. Crea uno con nuestro Generador de iconos de aplicaciones.

192 × 192 y 512 × 512

Íconos de Chrome y aplicaciones web progresivas (PWA) para Android. Necesarios para manifest.json y pantallas de inicio. Consulta nuestra Generador de paquetes de favicon para soluciones completas.

Prácticas recomendadas para cambiar el tamaño del favicon

Comience con una imagen de origen grande

Utilice al menos 512 × 512 píxeles para obtener la mejor calidad al reducir la escala. Nuestro Escalador de imagen Puede ayudar si su fuente es demasiado pequeña.

Utilice imágenes cuadradas

Los faviconos deben ser perfectamente cuadrados. Las imágenes que no sean cuadradas se centrarán con relleno.

Mantenga los diseños simples

Los iconos pequeños pierden detalle rápidamente. Usa formas llamativas y un alto contraste. Comprueba cómo se ve tu icono en 16×16.

Evite el texto en los faviconos

El texto se vuelve ilegible por debajo de 32×32 píxeles. Utilice símbolos, íconos o la versión en ícono de su logotipo.

Preguntas Frecuentes

Como mínimo, incluya 16×16 (pestañas del navegador), 32×32 (barra de tareas) y 48×48 (búsqueda de Google). Para una cobertura completa, agregue también 180×180 (Apple) y 192×192 (Android). Nuestro Favicon Generator Crea todos los tamaños automáticamente.

Use ambos. PNG tiene mejor calidad y funciona en navegadores modernos. Se requiere ICO para versiones anteriores de Internet Explorer y Windows Atajos. El formato ICO puede contener varios tamaños en un solo archivo. Utilice nuestro PNG a ICO Convertidor para una fácil conversión.

Reducir la escala de una fuente grande preserva bien la calidad. Nuestra herramienta utiliza interpolación bicúbica de alta calidad. Aumentar la escala de imágenes pequeñas puede causar borrosidad; utilice nuestra Escalador de imagen Primero, para una mejora de escala mejorada con IA.

Las imágenes no cuadradas se centran automáticamente sobre un fondo transparente. La dimensión más grande se ajusta a la medida y la más corta se rellena. Para un mejor control, utilice nuestro Recortador de imágenes Para recortar al cuadrado primero.

Añade estas líneas en tu HTML sección:

<link rel="icon" type="image/x-icon" href="/es/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/es/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/es/apple-touch-icon.png">

Utilice nuestra Comprobador de favicon para verificar su implementación.