Quel outil d’images choisir
| Votre besoin | Outil |
|---|---|
| N’importe quelle image en Base64 ou en data URI | Image en Base64 |
| Coller du Base64 et voir l’image | Base64 en image |
| Logos, captures d’écran, transparence | PNG en Base64, Base64 en PNG |
| Photos | JPG en Base64, Base64 en JPG |
| Des fichiers plus légers pour le web | WebP en Base64, AVIF en Base64, Base64 en WebP |
| Animations | GIF en Base64, Base64 en GIF |
| Icônes vectorielles en CSS | SVG en Base64, ou la data URI SVG, généralement plus courte |
| Inspecter sans risque un SVG en Base64 | Base64 en SVG |
| Un favicon intégré | Favicon en data URI, Base64 en ICO |
| Photos iPhone, scans, anciens bitmaps | HEIC en Base64, TIFF en Base64, BMP en Base64, Base64 en BMP |
Les encodeurs partagent le même jeu de sorties : Base64 brut, data URI, background-image CSS, <img> HTML avec largeur et hauteur, Markdown, et un objet JSON avec le nom, le type et la taille. Vous pouvez déposer plusieurs fichiers à la fois ou coller une capture d’écran avec Ctrl+V.
Choisir le format avant d’encoder
Base64 rend chaque image un tiers plus grosse : c’est donc le format qui détermine l’essentiel de la longueur finale.
- PNG pour les graphismes en aplats, les éléments d’interface et tout ce qui comporte de la transparence ou du texte.
- JPEG pour les photos, où un PNG serait plusieurs fois plus gros.
- WebP pour les deux cas quand la cible le prend en charge ; c’est généralement le plus léger des trois.
- SVG pour les icônes et logos qui sont des dessins vectoriels. En data URI encodée en URL, il est souvent plus court qu’en Base64, ce que l’outil data URI SVG compare côte à côte.
- HEIC et TIFF sont encodés tels quels. La plupart des navigateurs ne savent pas les afficher : convertissez-les d’abord en JPEG ou PNG si le résultat doit apparaître dans une page web.
Reconnaître le Base64 d’une image
| Préfixe | Format |
|---|---|
iVBORw0KGgo | PNG |
/9j/ | JPEG |
R0lGODlh / R0lGODdh | GIF |
UklGR | conteneur RIFF : WebP, mais aussi audio WAV |
PHN2Zy / PD94bWwg | SVG commençant par <svg ou <?xml |
AAABAA | ICO |
Qk | BMP |
Une data URI complète ajoute le type MIME devant, comme dans data:image/png;base64,iVBORw0KGgo…. Les décodeurs acceptent les deux formes, ainsi que les chaînes collées avec le CSS ou le HTML qui les entoure. Si la chaîne se révèle ne pas être une image, Base64 en fichier identifie d’autres formats, et les outils de fichiers couvrent les PDF, l’audio, la vidéo et les documents.
FAQ
Comment savoir quel format d'image contient une chaîne Base64 ?
Regardez les premiers caractères : iVBORw0KGgo est du PNG, /9j/ du JPEG, R0lGOD du GIF, UklGR un conteneur RIFF comme le WebP, et PHN2Zy ou PD94bWwg est généralement du SVG. Base64 en image détecte le type pour vous.
Puis-je réduire une image avant de l'encoder ?
Oui. Les convertisseurs PNG, JPG, WebP, GIF, BMP et AVIF, ainsi que l’encodeur d’images général, peuvent redimensionner à une largeur maximale, réencoder en PNG, JPEG ou WebP avec un curseur de qualité et supprimer les métadonnées EXIF, le tout dans le navigateur.
Faut-il intégrer les petites icônes en Base64 ?
Pour quelques petites icônes, l’intégration économise des requêtes. Les images plus grandes sont mieux en fichiers : Base64 ajoute un tiers à la taille et les données ne peuvent pas être mises en cache séparément de la page. Les performances des data URI donnent les chiffres.