Encodeur d'images Base64
Avec l'outil d'encodage d'image Base64 gratuit, optimisez vos images et convertissez les fichiers jpg/png/gif/webp/svg/bmp en base64 en ligne.
Loading...
Caractéristiques
- Téléchargement facile d'une image locale
- Accepte l'URL d'image distante
- Prend en charge les formats .jpg, .jpeg, .png, .gif, .webp, .svg et .bmp
- Prend en charge de nombreux formats : URI de données, image d'arrière-plan CSS, image HTML et plus encore
- Génère des exemples prêts à l'emploi, vous permettant de les utiliser facilement
- Outil d'image 100% gratuit
Conseils importants
- Taille de l'image téléchargée jusqu'à 10 Mo
- L'URL de l'image distante doit commencer par http:// ou https://
- Le type d'image doit être .jpg, .jpeg, .png, .gif, .webp, .svg et .bmp
Pourquoi l’encodage Base64 ?
Les images codées en Base64 peuvent être intégrées à l'aide de balises img ou de CSS, ce qui accélère les temps de chargement des images plus petites en évitant les requêtes HTTP supplémentaires. Cela peut être fait pour créer des maquettes à fichier unique ou des pages de démonstration pour vos clients, des signatures de courrier électronique HTML qui ne déclencheront pas le désagréable avertissement « Afficher les images » dans les clients de messagerie, etc.Comment utiliser BASE64 comme source d'image ou image d'arrière-plan CSS ?
Pour les sources d'images, votre code HTML devrait ressembler à ceci :
Pour l'arrière-plan CSS, votre code CSS devrait ressembler à ceci :
.ma-classe {
arrière-plan : url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}
arrière-plan : url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}