Atelier d’icônes

Non. Le décodage, l’intégration et l’encodage tournent dans le canvas du navigateur et la page n’a aucun point d’envoi de fichier — ouvrez le panneau Réseau : à part les ressources statiques de la page, rien ne transporte votre image.

Non. Le minimum est favicon.ico (les clients anciens ne demandent rien d’autre) plus une icône PWA (192 ou 512, ce que vérifie l’installabilité). Ajoutez ce qui correspond à vos plateformes. Le groupe écran d’accueil iOS compte 4 tailles (180 / 167 / 152 / 120) ; pour iPhone seul, 180 suffit.

Les favicons comptent parmi les caches les plus tenaces du web, souvent plus longtemps que le HTML qui les référence. Rechargez en force en local (⌘/Ctrl + Maj + R) ; en production, attendez aussi le CDN et le cache du navigateur. Pour vérifier tout de suite, ajoutez ?v=2 au href — une URL neuve force un nouveau chargement. Rien de tout cela ne concerne les fichiers générés.

Oui, et il n’y a rien à scinder. favicon.ico couvre les clients anciens qui demandent /favicon.ico directement, et contient déjà 16 / 32 / 48, le navigateur choisit selon la densité d’affichage ; les PNG sont des déclarations explicites pour les navigateurs modernes et les lecteurs de flux.

Parce que ces deux fichiers sont des bitmaps emballés dans du SVG, pas de vrais vectoriels. Un bitmap ne se convertit pas en vectoriel — des tracés vectorisés à 16 px ne sont que du bruit, mieux vaut une intégration honnête. Ils existent pour aligner noms de fichiers et références ; en production, faites exporter par un designer un vrai SVG vectoriel sous le même nom.

Un logo carré de 1024 × 1024 couvre exactement la plus grande sortie. Le non-carré fonctionne aussi : il est intégré proportionnellement au centre du canevas avec une marge sur l’axe court, jamais étiré, et la marge suit le curseur.

Le canevas de cette taille dépasse la zone utile de votre source, ces pixels ne peuvent donc qu’être interpolés vers le haut et paraîtront mous — le problème est à l’entrée, pas à l’export. Fournissez une source plus grande, ou activez « ne pas agrandir » pour intégrer les pixels natifs et voir la grille de pixels au lieu du flou.

Il l’a toujours été. La taille 512 exporte un canevas carré et la plateforme applique le cercle après l’envoi. Si vous choisissez la forme cercle, le PNG exporté a des coins transparents, que certains emplacements d’avatar remplissent en blanc ou en noir — dans le doute, gardez carré.

Il recalcule, mais regroupé : le rendu se fait quand vous vous arrêtez, et un changement ultérieur annule l’exécution précédente. Les anciens résultats restent affichés pendant un nouveau rendu et sont remplacés d’un bloc à la fin, donc le glissement ne fait jamais s’effondrer la page en squelettes.

Un README.txt : nom et dimensions de la source, la zone de recadrage s’il y en a une, les paramètres de rendu de cette exécution (forme / marge / fond / transparence), la liste complète des fichiers et les deux extraits. Un collègue peut reprendre le lot sans rien vous demander. L’archive s’appelle par exemple icons-20261024-1208.zip, avec un horodatage local.