(01) — OUTILS
Favicons découpés.
Déposez un logo. Recadrage carré, marge, fond. Cinq PNG et le snippet <link>. Rien n’est envoyé. Pas un fichier .ico multi-résolutions.
Aperçu 64 px
Fichiers
- 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 bref
- Générateur de favicon PNG, gratuit, dans le navigateur.
- Recadrage carré, 16 / 32 / 180 / 192 / 512 px, snippet HTML.
- Pas de fichier .ico multi-tailles. Rien n’est uploadé.
- Rien n’est envoyé à un serveur.
(02) — MÉTHODE
Carré, tailles, snippet.
01 — Carré
Recadrage « cover » : le plus petit côté dicte le carré. Les curseurs déplacent le cadre.
02 — Tailles
16 et 32 (onglet), 180 (Apple), 192 et 512 (PWA). PNG, canvas du navigateur.
03 — HTML
Copiez les <link> dans le <head>. Placez les fichiers à la racine du site.
(03) — FAQ
Questions courtes.
- Et le favicon.ico ?
- Les navigateurs modernes acceptent un PNG 32×32 en rel="icon". Un vrai .ico multi-tailles n’est pas généré ici.
- SVG ?
- Non. Partez d’un PNG ou JPEG assez grand (512 px ou plus) pour le 512×512.
- Les données partent-elles sur un serveur ?
- Non. Recadrage et export restent dans l’onglet.