AZ Tools

Generador de Favicon (PNG multi-tamaño)

Archivo

Suelta un logo o ícono y la herramienta renderiza 10 PNGs en los tamaños que navegadores y SOs realmente piden: 16/32/48 para favicons clásicos, 180 para Apple touch icon, 192/512 para íconos de PWA manifest. Opción de color de fondo (o transparente) y padding %. Snippet `<link>` listo para pegar. Todo se renderiza con canvas — tu imagen no sale del navegador.

Suelta una imagen para generar el paquete.

Cómo usar

  1. Suelta una imagen cuadrada (PNG/SVG/JPG, idealmente 512×512+).
  2. Elige fondo (transparente o color) y padding %.
  3. Descarga por tamaño o todos a la vez, pega el snippet HTML en tu `<head>`.

Preguntas frecuentes

¿Por qué tantos tamaños?
Cada entorno toma el más cercano sin escalar. Navegadores prefieren 32, Apple touch quiere 180, PWA Chrome necesita 192/512, tiles Windows usan 144/270. Enviar todos es lo seguro.
¿Y el .ico?
Los navegadores modernos prefieren PNG. Si necesitas `favicon.ico`, renombra `favicon-32.png` — la mayoría acepta un PNG con extensión .ico.
Mi imagen se ve pixelada a 16×16.
Usa una versión simplificada del logo para tamaños chicos — el detalle se pierde. Muchos sitios usan una 'marca' separada bajo 32px.
¿Transparente vs sólido?
Transparente se ve mejor en navegadores oscuro/claro y en instalación PWA. Sólido (blanco/marca) parece más un botón en iOS.

Herramientas relacionadas