./prontouso.com

IMÁGENES Y MULTIMEDIA

Generador de Favicons

Suelta una imagen PNG, JPG o WebP y genera los tamaños de favicon más comunes, como 16, 32, 48, 180, 192 y 512 píxeles, de forma local.

Estado de la herramientaSe ejecuta en tu navegador
Vista previa
prontouso://imagens/favicon-lab
PNG + ICOSIN ENVÍO
Suelta una imagen aquío elige un archivo
.png, .jpg, .jpeg, .webp, .svg · hasta 2.0 MB. Se lee en tu navegador, nunca se envía.

Cómo funciona

  1. Ingresa tus datos

    Completa los valores, pega el texto o sube el archivo que necesita esta herramienta.

  2. Obtén el resultado al instante

    La mayoría de las herramientas se actualizan mientras escribes; algunas usan un solo botón. De cualquier forma, el resultado aparece aquí mismo.

  3. Usa tu resultado

    Copia, descarga o comparte lo que genere la herramienta — el control siempre es tuyo.

Privacidad y procesamiento — Se ejecuta localmente en tu navegador. Esta herramienta no sube tu entrada a ningún servidor.

¿Qué es Generador de Favicons?

Convierte una imagen en un paquete completo de favicon — tamaños en PNG, un favicon.ico multi-resolución, un site.webmanifest y etiquetas HTML listas para pegar — generado por completo en tu navegador.

ENTIENDE LA HERRAMIENTA

Cómo generar un paquete completo de favicon

Sube una imagen para generar todos los tamaños comunes de favicon, un favicon.ico real, un site.webmanifest y el fragmento HTML exacto para pegar en tu <head> — todo en un solo .zip.

Qué contiene el paquete

Seis tamaños PNG cuadrados (16, 32, 48, 180, 192 y 512 px) que cubren pestañas de navegador, Apple touch icon e íconos de Android/web app, más un favicon.ico real que empaqueta las versiones de 16/32/48 px en un solo archivo multi-resolución — el mismo que los navegadores todavía piden por defecto.

Un site.webmanifest con el nombre de tu sitio (del campo opcional de nombre) apuntando a los íconos de 192/512 px, y un fragmento HTML listo que lista cada etiqueta <link>, en el orden en que los navegadores las revisan — la parte que la mayoría tiene que buscar cada vez.

Recomendaciones para la imagen

  • Comienza con una imagen cuadrada clara cuando sea posible — cualquier otra se recorta al centro en un cuadrado.
  • Usa suficiente contraste para que el ícono se mantenga legible cuando sea pequeño.
  • Revisa las vistas previas de pestaña de navegador y pantalla de inicio antes de descargar — un logo que se ve claro a 512 px puede difuminarse o perder detalle a 16 px.

Dos formas de descargar los archivos

"Descargar paquete (.zip)" es la opción de un clic: todos los tamaños en PNG, el favicon.ico, el site.webmanifest y el fragmento HTML como archivo de texto, listos para copiar a la raíz de tu proyecto.

Si solo necesitas algunos tamaños, selecciónalos en la cuadrícula y usa "Descargar seleccionados" — un solo archivo se descarga directo, dos o más vuelven como un .zip pequeño.

Todo sucede en tu dispositivo

La imagen de origen se decodifica con la API Canvas, cada tamaño en PNG se renderiza localmente, y el archivo .ico, el manifest y el fragmento HTML se ensamblan todos en tu navegador — nada se sube a ningún lado.

Preguntas frecuentes

¿Obtengo un favicon.ico real, o solo PNGs renombrados?

Uno real. Los PNG de 16, 32 y 48 px se empaquetan en un contenedor ICONDIR de verdad — el mismo formato multi-resolución que producen herramientas como icoutils — no es un solo PNG con la extensión cambiada a .ico.

¿Recorta mi imagen?

Sí, si la imagen de origen no es cuadrada: se recorta el cuadrado centrado más grande antes de generar cada tamaño, así que caras o logos cerca de los bordes de una imagen ancha pueden quedar cortados.

¿Qué tamaños son para íconos de aplicación?

180 px es el Apple touch icon, mientras que 192 px y 512 px son a los que apunta el site.webmanifest generado para instalaciones en Android y web app. Los tamaños de 16, 32 y 48 px cubren los espacios de favicon del navegador y también son los que se empaquetan en el favicon.ico.

¿Qué cambia realmente el campo de nombre del sitio?

Solo afecta los campos name y short_name del site.webmanifest — el nombre que se muestra cuando alguien agrega tu sitio a su pantalla de inicio. Dejarlo en blanco igual genera un manifest válido con un nombre genérico por defecto.

Herramientas relacionadas