Image base64 ne s'affiche pas

Salut, vous pouvez vérifier si l'image est disponible sur le serveur en tapant directement l'URL dans la barre d'adresse, exemple:

http://monsite.fr/images/monimage.png

De plus une image en 64 bits sera plus volumineuse et pourra perdre 35 à 30% de qualité ce qui rends l'intérêt d'une image en 64bits inutile puisque qu'en 32 bits vous pouvez garder une meilleure qualité. De plus une image 64 bits sera difficilement affichée sur un mobile(donc pas du tout la plupart du temps) et difficilement conservable dans le cache donc ralentit considérablement le chargement.

Ceci dit voici cependant une manière d'afficher une image 64 bits sans perte de qualité en utilisant une data URL:

The <img> tag has a src attribute and contains the Data URL of the image. A Data URL is composed of two parts, which are separated by a comma. The first part specifies a Base64 encoded image, and the second part specifies the Base64 encoded string of the image. Add also an alt attribute.

https://www.w3docs.com/snippets/html/how-to-display-base64-images-in-html.html