(01) — HERRAMIENTAS
Favicons recortados.
Suelta un logo. Recorte cuadrado, margen, fondo. Cinco PNG y el snippet <link>. Nada se envía. No es un .ico multi-tamaño.
Vista 64 px
Archivos
- favicon-16.png · 16×16
- favicon-32.png · 32×32
- apple-touch-icon.png · 180×180
- icon-192.png · 192×192
- icon-512.png · 512×512
Snippet HTML
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png"> <link rel="icon" type="image/png" sizes="512x512" href="/icon-512.png">
En breve
- Generador de favicon PNG, gratis, en el navegador.
- Recorte cuadrado, 16 / 32 / 180 / 192 / 512 px, snippet HTML.
- Sin .ico multi-tamaño. Nada se sube.
- Nada se envía a un servidor.
(02) — MÉTODO
Cuadrado, tamaños, snippet.
01 — Cuadrado
Recorte cover: el lado corto fija el cuadrado. Los deslizadores mueven el marco.
02 — Tamaños
16 y 32 (pestaña), 180 (Apple), 192 y 512 (PWA). PNG, canvas del navegador.
03 — HTML
Copia los <link> al <head>. Pon los archivos en la raíz del sitio.
(03) — FAQ
Preguntas cortas.
- ¿Y el favicon.ico?
- Los navegadores modernos aceptan un PNG 32×32 como rel="icon". Aquí no se genera un .ico multi-tamaño.
- ¿SVG?
- No. Parte de un PNG o JPEG bastante grande (512 px o más) para el 512×512.
- ¿Se envían datos?
- No. El recorte y la exportación quedan en la pestaña.