Origen Arrastra aquí una imagen o haz clic · PNG, JPG, SVG, WebP o pega una imagen con Ctrl+V
Diseño
Resultado
Elige una imagen o escribe un texto.
Mi sitio web
Así se ve en una pestaña del navegador — la única prueba que cuenta.
HTML para pegar
¿Qué hay en el paquete?
favicon.ico | 16, 32 y 48 píxeles en un solo archivo — barra de direcciones y navegadores antiguos |
favicon-16x16.png … 96x96 | navegadores modernos, marcadores |
apple-touch-icon.png | 180 píxeles, para «Añadir a pantalla de inicio» en iOS |
android-chrome-192/512.png | Android y aplicaciones web instalables |
site.webmanifest | para que Android encuentre los iconos correctos |
integracion.html | las etiquetas <link> ya preparadas |
Instalarlo en tres pasos
- Pon todos los archivos en el directorio raíz — donde también está
index.html. - Copia las etiquetas
<link>dentro de tu<head>. - Recarga con Ctrl+F5 — los navegadores se aferran a los favicons.
¿Qué motivo funciona?
A 16 píxeles no queda nada de los detalles finos. Por eso la vista previa muestra primero el tamaño más pequeño y píxel a píxel: una sola letra o una forma clara le gana casi siempre a un logotipo reducido con su nombre al lado.
¿Por qué no se sube nada?
Porque técnicamente no hace falta. El escalado, el contenedor ICO y el archivo ZIP se crean en tu navegador. No hay ningún servidor que reciba tu imagen, así que tampoco hay ninguno que pudiera guardarla.