Herramienta de imagen / 21
Convertidor PNG a favicon (ICO) — gratis
Convierte un PNG a favicon y descarga un ZIP con el archivo ICO, los iconos PNG y el manifiesto de tu sitio. La imagen se procesa en tu navegador y conserva la transparencia.
Convertidor PNG a favicon (ICO) — gratis: TOEA procesa tu imagen a 16, 32, 180, 192 y 512 píxeles, empaqueta los dos tamaños pequeños en un favicon.ico multirresolución, escribe un site.webmanifest correspondiente y comprime los siete archivos en un solo zip. Funciona al 100 % en tu navegador, sin subir archivos a ningún servidor.
- Categoría
- Herramientas de imagen
- Se ejecuta
- En tu navegador
- Coste
- Gratis · sin registro
- Disponibilidad
- Lista para usar
Funciona por completo en tu navegador
PNG, JPG, WebP o SVG · 1024 × 1024 o mayor funciona mejor
Conserva el archivo ICO en la raíz
Los navegadores solicitan /favicon.ico desde la raíz de un sitio aunque ninguna página enlace a él, y algunos lectores de feeds, herramientas de marcadores y rastreadores no buscan en ningún otro lugar, así que conserva el archivo ICO en la raíz en lugar de guardarlo en una carpeta de imágenes. Cuando la cabecera de la página enlaza a iconos, los navegadores usan primero esos enlaces, lo que permite que los archivos PNG se sirvan a los navegadores modernos mientras el ICO cubre los demás. Consulta la documentación de MDN sobre iconos.
Ajustar el manifiesto
El site.webmanifest generado usa el nombre del sitio tanto para name como para short_name. El nombre corto es la etiqueta bajo el icono de la pantalla de inicio, donde caben unos 12 caracteres antes de que se corte, así que acórtalo si el nombre es largo. Los iconos aparecen sin "purpose": "maskable", por lo que Android puede mostrarlos reducidos dentro de un círculo blanco. Para llenar la forma del lanzador, añade un icono maskable independiente cuyo contenido importante quede dentro del círculo central, el 80% del ancho.
Cómo se usa
- Elige una imagen cuadrada, idealmente 512 × 512 o más grande.
- Configura el nombre del sitio y el color del tema que usa el manifest.
- Genera el paquete y descarga el zip.
Privacidad y límites
La imagen nunca sale de tu navegador: todos los tamaños, el contenedor ICO y el zip se ensamblan en tu dispositivo. Las imágenes de origen con transparencia permanecen transparentes.
Herramientas relacionadas
Preguntas frecuentes
¿Cómo convierto un PNG a favicon.ico?
Selecciona tu PNG, indica el nombre del sitio y genera el paquete. Descarga y descomprime el ZIP: favicon.ico incluye las versiones de 16 × 16 y 32 × 32 píxeles.
¿Puedo convertir un PNG transparente a favicon?
Sí. La transparencia del PNG se conserva en los iconos del paquete. Revisa el dibujo a tamaño pequeño para comprobar que se distingue sobre fondos claros y oscuros.
¿Qué contiene el zip?
favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png y site.webmanifest — el mismo conjunto que los generadores de favicon producen habitualmente.
¿El favicon.ico contiene más de un tamaño?
Sí. Contiene imágenes de 16 × 16 y 32 × 32, almacenadas como entradas PNG para que el canal alfa se conserve.
¿Dónde van los archivos?
Descomprímelos en la raíz de tu sitio; luego enlaza favicon-32x32.png, favicon-16x16.png y apple-touch-icon.png desde la sección head de tu HTML y apunta el enlace del manifest a site.webmanifest.
¿Por qué mi icono sigue viéndose mal después de subirlo?
Los navegadores almacenan en caché los favicons de forma agresiva y por separado de los archivos normales. Abre la URL del PNG directamente o comprueba en una ventana privada para confirmar que se está sirviendo el archivo nuevo.
Herramienta gratuita · se ejecuta en tu navegador · sin cuenta