Générateur de favicon

Pourquoi autant de fichiers pour une simple icône ?

Parce que chaque plateforme réclame le sien. Les navigateurs récents préfèrent le SVG, net à toute taille. Les anciens, les agrégateurs de flux et certains clients de messagerie ne comprennent que le fichier ICO. iOS veut sa propre image de 180 pixels, Android en demande deux pour l'installation en application, et le manifeste indique à ce dernier le nom et les couleurs à utiliser. Un seul fichier ne couvre plus rien depuis longtemps.

Mon logo est-il envoyé sur vos serveurs ?

Non, et c'est la différence principale avec les générateurs les plus connus, qui téléversent votre image avant de la traiter. Ici, tout est décodé, redimensionné et empaqueté par votre navigateur. Pour une identité visuelle qui n'est pas encore publique, cela change tout.

Quelle image faut-il fournir ?

Un SVG dans l'idéal : il servira tel quel de favicon vectoriel, et toutes les autres tailles en seront tirées sans perte. À défaut, un PNG carré d'au moins 512 pixels de côté. En dessous de 256, l'outil refuse : agrandir une petite image ne produit que du flou, et une icône floue fait plus de mal que pas d'icône du tout.

Pourquoi mon icône iOS a-t-elle un contour noir ?

C'est l'erreur la plus répandue, et elle vient d'une transparence conservée. iOS ne gère pas la transparence sur les icônes d'écran d'accueil : il la remplace par du noir. C'est pourquoi cet outil impose un fond opaque, que vous choisissez, sur l'icône iOS et sur les icônes Android.

À quoi sert la marge autour du motif ?

À ne pas se faire amputer. Android applique son propre masque aux icônes installées, en cercle, en carré arrondi ou en goutte selon le constructeur, et iOS arrondit les angles. Tout ce qui touche les bords disparaît sous le masque. Dix pour cent de marge placent le motif dans les quatre-vingts pour cent centraux, ce qu'exige la norme des icônes dites masquables.

Qu'est-ce que le fond en thème sombre ?

Un favicon SVG peut changer d'apparence selon le thème du navigateur. Un logo aux traits sombres devient illisible dans un onglet sombre : l'option ajoute alors un fond clair, visible uniquement dans ce cas. Presque aucun générateur ne le propose, et c'est pourtant le défaut le plus visible d'un favicon vectoriel.

Où faut-il déposer les fichiers ?

À la racine de votre site, au même niveau que la page d'accueil, puis collez les balises fournies dans la section head de vos pages. Les chemins commencent par une barre oblique, ils fonctionnent donc depuis n'importe quelle page. Videz le cache de votre navigateur pour voir le changement : les favicons sont mis en cache avec un zèle particulier.

Les autres outils

• Générateur de mot de passeMots de passe aléatoires ou phrases de passe mémorisables, avec calcul d'entropie en temps réel.
• Partage de mot de passeUn lien à usage unique, chiffré dans votre navigateur, que même nous ne pouvons pas déchiffrer.
• Signature emailUne signature propre, qui s'affiche correctement de Gmail à Outlook en passant par Apple Mail.
• Compresseur d'imagesJPEG, PNG, WebP et AVIF allégés dans votre navigateur, avec redimensionnement et export groupé.
• Générateur de QR codeLien, email, SMS, téléphone, WiFi ou carte de visite. Export SVG vectoriel et PNG jusqu'en 2048 px, avec votre logo.
• QR code WiFiLe QR code à afficher en salle d'attente ou à l'accueil : un scan, et le téléphone se connecte.
• QR code vCardLe QR code de votre carte de visite : vos coordonnées s'ajoutent au répertoire sans rien retaper.
• Calculateur de TVAHT vers TTC et retour, aux cinq taux français, avec des arrondis dont l'addition tombe juste.
• Calcul de margeMarge, taux de marge, taux de marque et coefficient. Ou le prix de vente qui atteint votre objectif.

Voir toute la boîte à outils →