Générateur de favicon
Créer un favicon
Fonctionne dans votre navigateur · Aucun envoi
L’outil et les instructions de cette page sont en anglais pour le moment. Il fonctionne de la même façon : tout se passe dans votre navigateur.
Drag & drop your logo or icon here
or
A square PNG or SVG, at least 512 × 512, works best. JPG, WebP and others work too.
Your files stay on your device. Nothing is uploaded.
Preview
Add this to the <head> of your pages
Put the files from the ZIP in the main folder of your website (next to your home page). Then paste this code:
Votre navigateur est trop ancien pour cet outil. Mettez-le à jour, ou utilisez une version récente de Chrome, Edge, Firefox ou Safari.
- Rien ne quitte votre appareil
- Aucune limite de taille imposée par un serveur
- Sans inscription, sans filigrane
- Gratuit
How to make a favicon
- Choose your logo: a square PNG or SVG works best.
- Pick fit or fill, add some space around it, and choose a background if you want one. Check the preview.
- Download the ZIP, put the files in your website's main folder, and paste the HTML code into your pages.
What you get
- favicon.ico with 16, 32 and 48 pixel sizes, for all browsers and Windows.
- favicon-16x16.png and favicon-32x32.png.
- apple-touch-icon.png (180 × 180) for iPhone and iPad home screens.
- android-chrome-192x192.png and 512x512.png for Android and installed web apps.
- site.webmanifest with your site name and theme color.
- favicon.svg, when you start from an SVG.
Tips
- Simple shapes and bold letters stay recognizable at 16 pixels; fine details disappear.
- The Apple touch icon always gets a background color, because iOS shows transparent areas as black.
- After updating a favicon, browsers may keep showing the old one for a while. A hard refresh helps.
Your images stay on your device
Everything happens in your browser. Your images are never uploaded, so private photos and client work stay with you.
Questions fréquentes
What size should my image be?
At least 512 × 512 pixels, or an SVG, which is sharp at every size.
Where do I put the files?
In the main (root) folder of your website, next to your home page, then paste the HTML code into the <head> of every page.
Are my images uploaded?
No. They are processed in your browser and never sent anywhere.