← Todas las herramientas

Generador de favicon

Convierte una imagen en favicon.ico, PNG de varios tamaños, apple-touch-icon y un manifest. Los archivos no salen de tu dispositivo.

Acerca de esta herramienta

Crea un juego completo de iconos web a partir de una sola imagen: favicon.ico para las pestañas del navegador (16, 32 y 48 píxeles en un único archivo), PNG en varios tamaños, apple-touch-icon para la pantalla de inicio del iPhone, iconos de Android incluido uno adaptable (maskable) y site.webmanifest, todo en un ZIP.

También genera el código para pegar en el <head> de tu sitio, así que solo tienes que subir los archivos y añadir el código. Puedes ajustar el color de fondo, el margen interior y las esquinas redondeadas mientras ves cómo queda el icono a su tamaño real.

Cómo usarla

  1. Arrastra una imagen a la página o haz clic para elegirla. No hace falta que sea cuadrada.
  2. Arrastra y usa el zoom para elegir la parte de la imagen que irá en el icono.
  3. Elige fondo transparente o de color y ajusta el margen interior y las esquinas redondeadas. Comprueba que el icono se reconoce también en la vista previa de 16 píxeles.
  4. Obtén los archivos con «Descargar ZIP», súbelos a tu sitio y copia y pega el código <head> que aparece en pantalla.

Preguntas frecuentes

¿Qué contiene el ZIP?

favicon.ico, los PNG favicon-16x16, 32x32, 48x48 y 96x96, apple-touch-icon.png (180), icon-192.png, icon-512.png, icon-maskable-512.png, site.webmanifest y head-snippet.html con el código para tu <head>.

¿Qué es la zona segura del icono adaptable?

Android recorta los iconos con formas distintas según el dispositivo, como círculos o cuadrados redondeados. Un icono adaptable deja espacio alrededor del centro para que lo importante se conserve con cualquier recorte. Si activas la visualización de la zona segura, verás en pantalla qué parte nunca se recorta.

¿Debo activar las esquinas redondeadas?

Normalmente es mejor dejarlas desactivadas. iOS y Android redondean por sí mismos las esquinas de los iconos en la pantalla de inicio, así que unas esquinas ya redondeadas podrían quedar redondeadas dos veces.

¿Se suben mis archivos a un servidor?

No. Todo el procesamiento ocurre dentro del navegador que estás usando. Tus archivos no se envían a ningún sitio, así que no queda ninguna copia de tus fotos o documentos en servidores ajenos.

¿Es gratis? ¿Necesito una cuenta?

Es gratis y no hace falta registrarse ni iniciar sesión. Solo abre la página y empieza.

Herramientas relacionadas