Generador de favicon
Click a size to download it
Preguntas frecuentes
Everything you need to know about favicons
What are the 16, 32, 48 and 180 pixel sizes for?
16x16 is the classic browser tab favicon; 32x32 is used on high-density screens and in the bookmarks bar; 48x48 is common for Windows desktop shortcuts; 180x180 is the apple-touch-icon used when adding the site to the Home screen on iPhone and iPad. Having multiple sizes ensures a sharp look everywhere.
How do I add the favicon to my website?
Upload the downloaded PNG files to your website folder and add these lines inside the <head> tag: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> and <link rel="apple-touch-icon" sizes="180x180" href="/favicon-180x180.png">. You can repeat the icon tag for each size you want to serve.
Is my image uploaded to a server?
No. The image is read and resized entirely in your browser using a canvas element: it never leaves your device. The downloaded PNG files are also generated locally. Your privacy is guaranteed by design.
¿Para qué sirven los tamaños 16, 32, 48 y 180 píxeles?
El de 16 es el favicon de la pestaña del navegador, el de 32 sirve a las pantallas de alta densidad y a los favoritos, el de 48 a los accesos directos del escritorio en Windows, y el de 180 es el icono de iOS.
¿Cómo se pone el favicon en un sitio?
Los archivos PNG van en la carpeta del sitio, y en la etiqueta head se añade un link rel=icon por cada tamaño, más un link rel=apple-touch-icon para el de 180 píxeles. El código está listo para copiar.
¿La imagen se sube a un servidor?
No. Se lee y se redimensiona dentro del navegador con un elemento canvas, así que nunca sale del dispositivo. Los PNG que se descargan también se crean en local, sin pasar por nosotros.