SVG → ICO
☞ tout se passe dans ton navigateur — rien n’est envoyéDépose ton SVG ici
ou clique pour parcourir — SVG uniquement
Aperçu de l'icône
SVG → ICO
Construis un .ico multi-tailles à partir d'un vecteur — chaque taille rendue depuis le SVG lui-même, et non réduite depuis une grande image matricielle.
ou clique pour parcourir — SVG uniquement
Aperçu de l'icône
net à 16 pixels
Un favicon est le plus souvent vu à 16 pixels. Réduire une image de 256 px à cette taille fait baver tous les contours les uns dans les autres ; rendre le vecteur directement en 16 px permet au navigateur de poser la forme sur la grille de pixels.
C'est exactement ce que fait cette page : une passe de rendu par taille, le tout empaqueté dans un seul .ico. Windows et les navigateurs piochent ensuite la taille dont ils ont besoin.
trois étapes
Choisis un fichier .svg — il reste sur ton appareil.
Coche les tailles à inclure ; chacune est rendue séparément.
Enregistre le .ico et place-le à la racine de ton site.
réponses rapides
16, 32 et 48 couvrent les onglets, les favoris et la barre des tâches Windows. Ajoute 256 si l'icône doit apparaître dans l'affichage en grandes icônes de l'Explorateur. Plus de tailles ne fait qu'alourdir le fichier.
C'est une limite de conception, pas de conversion — 16 × 16, cela fait 256 pixels en tout. Les favicons lisibles sont en général une seule lettre ou une seule forme. Envisage un SVG simplifié rien que pour l'icône.
Oui. Chaque taille est écrite en PNG 32 bits dans le conteneur .ico, la couche alpha survit donc. Désactive l'option si tu préfères un fond uni.
Il est mis à l'échelle pour tenir dans le carré et centré, l'espace restant reste transparent. Les icônes se lisent mieux quand le dessin est carré dès le départ.