Saltar al contenido principal
Utilia

Generador de favicon

Sube tu logotipo y obtén en un segundo todo lo que necesita una web moderna: PNG en 16, 32, 48, 64, 128, 180, 192 y 512 px, un favicon.ico multitamaño, el pack completo en ZIP y el código HTML para pegar en tu página.

Tus imágenes no se suben: todo se procesa en tu navegador.

Todo se calcula en tu navegador: no enviamos tus datos a ningún servidor.

Qué tamaños genera y para qué sirven

  • 16 y 32 px: la pestaña del navegador y los marcadores.
  • 48 y 64 px: accesos directos y pantallas de escritorio.
  • 128 y 192 px: iconos de Chrome y Android (apps instaladas, PWA).
  • 180 px: apple-touch-icon para iPhone e iPad.
  • 512 px: pantalla de inicio de apps instaladas (PWA).

El favicon.ico y el recorte automático

El fichero .ico es un contenedor que guarda varias imágenes dentro: el navegador elige la más nítida para cada sitio. Lo generamos aquí mismo empaquetando los PNG de 16 a 192 px con la estructura estándar ICONDIR, sin herramientas externas (el formato ICO llega hasta 256 px, por eso el de 512 va solo como PNG).

Si tu imagen no es cuadrada, se recorta automáticamente por el centro para que el icono no salga deformado: te avisamos con las medidas finales.

Copia el código en el <head> de tu web y sube los ficheros a la carpeta raíz (junto al index.html) para que /favicon.ico funcione.

Preguntas frecuentes

¿Qué tamaño ideal tiene la imagen de entrada?
Un cuadrado de 512 × 512 px o más. Cuanto más nítido el original, mejores los iconos pequeños: con un logotipo exportado a 1024 px quedará perfecto.
¿Necesito todos los tamaños?
No es obligatorio, pero con el ZIP completo tu icono se verá nítido en navegadores de escritorio, iPhone, Android y apps instaladas. Como mínimo, sube favicon.ico y el PNG de 32 px.
¿Por qué mi logo sale recortado?
Porque la imagen no era cuadrada y el favicon lo exige: se recorta por el centro. Genera primero un cuadrado con el logo centrado (usa la herramienta de recortar) y vuelve a subirlo.

Continúa donde lo dejaste con estas utilidades que combinan bien con esta.