Outils pour développeurs

Créer des favicons, icônes PWA, srcset et images web

Générez localement des packs d’icônes, WebP adaptatifs, placeholders LQIP/Data URI, sprites, pixel art et textures.

Favicon + PWATool Office
Srcset adaptatifTool Office
LQIP / Base64Tool Office
Sprites CSSTool Office

Générateur de ressources web

Un seul flux couvre les dérivés d’image et extraits de code sans multiplier les pages pour chaque taille ou format.

Chargement de l’outil

Préparer les images d’un site

Partez d’une source propre, choisissez la famille de ressources puis téléchargez des noms cohérents et un extrait d’intégration.

Créer les icônes d’application

Générez favicon, icône Apple touch, icônes Android/PWA et manifeste dans un ZIP.

Créer des images adaptatives

Exportez plusieurs largeurs WebP et copiez srcset/sizes pour laisser le navigateur choisir.

Créer des aperçus légers

Affichez une couleur dominante et une petite Data URI floutée pendant le chargement.

Des sorties prêtes pour les développeurs

Le ZIP réunit ressources et code afin de réduire les erreurs de nommage et d’installation.

Pack de tailles standard

Créez les tailles navigateur, Apple et PWA depuis une source carrée.

Aide aux performances

Largeurs adaptatives et placeholders évitent d’envoyer la même grande image à tous les appareils.

Outils créatifs

Créez ou découpez des sprites, agrandissez du pixel art et contrôlez les raccords de texture.

Questions sur les images web

Quelles tailles favicon et PWA sont incluses ?

16, 32 et 48 px pour les favicons, 180 px pour Apple touch et 192/512 px pour Android/PWA.

En quoi srcset est-il utile ?

Il fournit plusieurs largeurs et des indications de mise en page afin que le navigateur choisisse une ressource adaptée.

Un placeholder Base64 est-il toujours plus rapide ?

Non. Il évite une petite requête mais augmente le poids du HTML ou du CSS. Mesurez-le sur la page réelle.

Outils associés