EN
PT
ES
Generador de Favicon
Suelta un logo, recibe un paquete completo — ICO, PNG, Apple touch, PWA y una imagen OG, listos para usar.
Qué hace esta herramienta
Toma una imagen fuente — normalmente un logo cuadrado en SVG o PNG — y produce todas las variantes de favicon que necesita un sitio moderno, empaquetadas en un único ZIP. La salida incluye un favicon.ico multi-resolución (16, 32 y 48 píxeles) para navegadores antiguos y la inevitable petición a /favicon.ico, PNG sueltos a 16, 32, 192 y 512, un Apple touch icon a 180 para instalaciones en la pantalla de inicio de iOS, y una imagen Open Graph 1200 × 630 para previsualizaciones de enlace en Twitter, Facebook, Slack, Discord y LinkedIn. El ZIP también incluye HTML listo para pegar en el <head> y un manifest.json funcional para instalación como Progressive Web App — suelta los archivos en la raíz del sitio, pega el snippet, sustituye tu nombre y color de tema y ya está. Todo corre localmente en tu dispositivo — tu logo nunca sale del navegador, nunca llega a nuestros servidores y no se almacena, indexa, registra ni comparte. Sin registro, sin marca de agua, sin barrera de correo. Elige fondo transparente, blanco o personalizado, ajusta el margen para que el logo no choque con los bordes y mira la vista previa en vivo a cada tamaño antes de descargar.
Cómo generar favicons
- Suelta tu logo — Un SVG o PNG cuadrado funciona mejor. Las fuentes no cuadradas se centran automáticamente.
- Define fondo y margen — Transparente para iconos que ya llevan fondo. Blanco o color de marca para los que no. El margen añade aire alrededor.
- Genera — Cada tamaño se renderiza localmente y se empaqueta en un único ZIP. El
favicon.icoclásico se construye con PNG embebidos de 16/32/48, justo como espera el Windows moderno. - Pega los snippets — Sube los archivos a la raíz del sitio, pega el HTML en el
<head>y reemplaza los placeholders del manifest.json.
Cómo se construye el paquete
Cada variante PNG se renderiza desde cero al tamaño objetivo, conservando la proporción de tu fuente y aplicando margen alrededor para que un logo cuadrado nunca choque con el marco. El favicon.ico clásico empaqueta tres tamaños PNG (16, 32 y 48 píxeles) dentro de un único archivo — formato compatible con Windows desde hace más de una década — y se queda por debajo de 5 KB en total, así que carga al instante y no añade peso medible al sitio. La imagen de previsualización Open Graph es un lienzo 1200 × 630 con el logo centrado al 70% del eje corto, sobre el fondo elegido (o blanco si optaste por transparente — las tarjetas de previsualización siempre necesitan un relleno sólido, si no el icono desaparece contra los temas oscuros de redes sociales). Los Apple touch icons se renderizan a 180 × 180, tamaño que iOS escala arriba o abajo según el contexto. Los iconos PWA se producen a 192 y 512, los dos tamaños que Android Chrome busca en manifest.json.
Archivos del ZIP
favicon.ico con cargas PNG 16/32/48 — usado por todas las pestañas. favicon-16x16.png y favicon-32x32.png para navegadores modernos que prefieren PNG. apple-touch-icon.png a 180 × 180 — se muestra en la pantalla de inicio de iOS. favicon-192x192.png y favicon-512x512.png para Chrome Android e instalaciones PWA. og-image.png a 1200 × 630 — usado en previsualizaciones de enlaces en Twitter, Facebook, Slack y Discord. manifest.json referenciando los iconos PWA. snippet.html con cada etiqueta <link> y <meta> que necesitas pegar.
Preguntas frecuentes
¿Se sube mi logo?
¿De verdad necesito favicon.ico?
/favicon.ico por defecto. Los navegadores modernos prefieren las declaraciones PNG del snippet, pero tener el .ico en la raíz cuesta 5 KB y evita 404 en tus logs.