- Choisissez le fichier image à convertir.
- L’outil génère la data URL Base64 et affiche un aperçu avec la taille de la sortie.
- Copiez la data URL et collez-la dans votre HTML, votre CSS ou votre code.
La conversion s’exécute entièrement dans votre navigateur avec le lecteur de fichiers intégré. Les images ne quittent jamais votre appareil, les visuels sensibles et les éléments graphiques clients restent donc privés.
Une data URL conditionne toute une image dans une simple chaîne de texte : data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA… Cette chaîne peut être glissée directement dans une balise img, un arrière-plan CSS ou une signature d’e-mail, ce qui rend la ressource autonome — pas de fichier séparé à téléverser, pas de requête HTTP supplémentaire, pas de chemin cassé quand le dossier bouge. C’est l’astuce standard derrière les pages HTML monolignes, les prototypes hors ligne, les visuels sûrs pour l’e-mail et les petites favicons qui doivent survivre à des copier-coller de machine en machine.
Conseils
Le Base64 gonfle une image d’environ un tiers : la sortie est donc toujours plus grande que le fichier d’origine. Utilisez-le pour de petites ressources — icônes, logos, vignettes — et vérifiez la taille affichée à côté du résultat ; pour de grandes photos, une URL hébergée normale est le meilleur choix.
Gardez la data URL dans du CSS ou du balisage qui change rarement ; la régénérer à chaque build gonfle vos diffs. Quand vous avez besoin du Base64 brut sans le préfixe data:image, supprimez la partie qui précède la première virgule.
Pourquoi utiliser cet outil
Téléverser des images vers des convertisseurs tiers revient à livrer des fichiers que vous ne voulez peut-être pas partager, et les outils de bureau sont disproportionnés pour une simple icône. Ce convertisseur est instantané, gratuit et entièrement local, produisant une data URL vérifiée avec aperçu et taille d’un coup d’œil.
Real-world use cases
- Blog and e-commerce: Shrink product photos from 4MB to ~200KB before upload. Your pages load faster and Google PageSpeed scores improve.
- Email and forms: Many inboxes reject >10MB attachments. Compress once and you reliably stay under limits.
- Portfolio and social: Keep visual quality high at 75-85% while cutting bandwidth for viewers on mobile data.
How it compares
| Tool | Upload required | Privacy | Batch | Cost |
|---|---|---|---|---|
| This tool | No | 100% local | 1-by-1 (high quality) | Free |
| TinyPNG/Squoosh | Yes / No | Server or local | Yes | Freemium |
| Photoshop | No | Local | Yes | Paid |
For sensitive images or quick one-offs, a local browser tool wins on privacy and speed. For massive bulk jobs, a desktop app may be faster.
Pro tips
- For photos, try quality 78-82% first. You usually save 60-70% size with no visible loss.
- Scale down dimensions before lowering quality. A 4000px photo at 2000px is 4x smaller even at high quality.
- Keep a backup of the original. You can always re-export at lower quality, but you cannot recover detail after saving over the original.