Comment creer des favicons a partir d'un logo ?

Deposez ou collez votre logo, attendez les six tailles PNG, puis telechargez un fichier ou le pack ZIP. Tout tourne dans le navigateur - rien n'est envoye.

Quelles tailles sont incluses ?

Le pack inclut 16x16, 32x32, 48x48, 180x180 (apple-touch-icon.png), 192x192 et 512x512 PNG - les tailles courantes pour onglets, Windows, iOS et Android.

Et si mon logo n'est pas carre ?

Le generateur ajuste l'image dans chaque carre (object-fit contain) avec un fond transparent. Pour un icone plein cadre, recadrez le logo en carre avant l'import.

Le ZIP inclut-il du HTML ?

Oui. Le ZIP ajoute un petit fichier texte avec des balises link a coller dans le head. Vous pouvez aussi copier le meme fragment depuis la page sans telecharger.

Puis-je utiliser un SVG comme favicon ?

Vous pouvez importer un SVG comme source si le navigateur le decode. La sortie est toujours en PNG pour une large compatibilite. Gardez un favicon SVG a part pour les onglets vectoriels supportes.

Mon logo est-il envoye sur un serveur ?

Non. FileReader, Canvas et le ZIP tournent uniquement dans cet onglet. Sur pour les marques non publiees. Verifiez DevTools Network pendant la generation.

Outils générateurs

Generateur de favicon

Transformez un logo ou une icone en pack favicon PNG complet dans le navigateur - sans compte et sans envoi.

Votre image ne quitte pas le navigateur. Les PNG favicon sont crees avec Canvas en local - aucun endpoint d'upload.

Deposez un logo ou une icone ici ou cliquez pour parcourir

JPG, PNG, WebP, GIF, BMP ou SVG (max. 8 Mo). Lecture locale - rien n'est envoye.

Ou collez une image avec Ctrl+V / Cmd+V.

À propos de Generateur de favicon

Transformez un logo ou une icone en pack favicon PNG complet dans le navigateur - sans compte et sans envoi. Une image produit des PNG 16, 32, 48, 180 (Apple touch), 192 et 512 px, avec ZIP optionnel et balises HTML pretes a coller. Le redimensionnement Canvas reste sur cet appareil. Associez-le au Compresseur d'images si la source est enorme, ou au Generateur de balises Open Graph pour les previews sociales.

Comment utiliser Generateur de favicon

Deposez un JPG, PNG, WebP, GIF, BMP ou SVG (max. 8 Mo) ou collez une image. Le fichier est lu localement - rien n'est envoye.
Attendez les six apercus PNG : 16, 32, 48, apple-touch 180, Android 192 et 512. Les sources non carrees sont ajustees avec un fond transparent.
Telechargez un PNG seul ou le pack ZIP (inclut un fichier texte avec les balises HTML).
Collez le fragment HTML dans le head du document et placez les PNG aux chemins indiques (souvent la racine du site).
Verifiez dans DevTools Network que la generation ne cree aucune requete.

Exemples de Generateur de favicon

Logo carre pour un nouveau site

Deposez un logo PNG de 1024 px. Telechargez le ZIP, extrayez dans /public et collez les balises HTML dans le head du layout racine.

Wordmark large avec marges

Un wordmark paysage est centre dans chaque carre avec des marges transparentes pour que l'onglet ne coupe pas le texte.

Apple touch icon seulement

Generez le pack puis telechargez uniquement apple-touch-icon.png (180x180) si vous avez deja les autres tailles et n'avez besoin que des icones iOS.

Icones PWA pour Chrome

Utilisez android-chrome-192x192.png et android-chrome-512x512.png dans le tableau icons de votre web app manifest apres le telechargement du ZIP.

Compresser d'abord, puis favicon

Si la source est une grosse photo du logo, passez d'abord par le Compresseur d'images, telechargez un PNG plus leger, puis ouvrez le Generateur de favicon.

Cas d'utilisation courants

Publier un jeu complet de favicons pour un site Next.js ou statique
Creer des Apple touch icons pour l'ecran d'accueil iOS
Produire les tailles Android Chrome / PWA a partir d'un seul logo
Rafraichir les icones de marque sans outil qui uploade
Copier les balises HTML avec le pack PNG

Questions fréquentes sur Generateur de favicon

Comment creer des favicons a partir d'un logo ?: Deposez ou collez votre logo, attendez les six tailles PNG, puis telechargez un fichier ou le pack ZIP. Tout tourne dans le navigateur - rien n'est envoye.
Quelles tailles sont incluses ?: Le pack inclut 16x16, 32x32, 48x48, 180x180 (apple-touch-icon.png), 192x192 et 512x512 PNG - les tailles courantes pour onglets, Windows, iOS et Android.
Et si mon logo n'est pas carre ?: Le generateur ajuste l'image dans chaque carre (object-fit contain) avec un fond transparent. Pour un icone plein cadre, recadrez le logo en carre avant l'import.
Le ZIP inclut-il du HTML ?: Oui. Le ZIP ajoute un petit fichier texte avec des balises link a coller dans le head. Vous pouvez aussi copier le meme fragment depuis la page sans telecharger.
Puis-je utiliser un SVG comme favicon ?: Vous pouvez importer un SVG comme source si le navigateur le decode. La sortie est toujours en PNG pour une large compatibilite. Gardez un favicon SVG a part pour les onglets vectoriels supportes.
Mon logo est-il envoye sur un serveur ?: Non. FileReader, Canvas et le ZIP tournent uniquement dans cet onglet. Sur pour les marques non publiees. Verifiez DevTools Network pendant la generation.

Compresseur d'images

Compresseur d'images gratuit dans le navigateur. Reduisez JPG, PNG et WebP avec qualite et taille max, puis telechargez. Rien n'est envoye.

Convertisseur Image vers Base64

Convertissez une image en Base64 ou data URL dans le navigateur - votre image ne quitte jamais votre navigateur. Collez des captures, copiez CSS/HTML/Markdown, ou decodez le Base64 en fichier telechargeable.

Générateur de code QR

Générateur de code QR gratuit dans le navigateur. Créez des QR URL, texte ou WiFi, choisissez taille et couleurs, puis téléchargez PNG ou SVG. Rien n'est envoyé.

Générateur de balises Open Graph

Générez des balises Open Graph et Twitter Card à partir d'un titre, d'une description, d'une URL et d'une image. Générateur OG gratuit avec HTML en direct et aperçu social.