Utilisation de l'encodage Base64 pour les images PNG dans les URI de données CSS

Afin d'incorporer des images PNG dans des feuilles de style CSS à l'aide des URI de données, les données PNG doit d’abord être encodé au format Base64. Cette technique permet d'inclure des fichiers d'images externes directement dans la feuille de style.

Solution en ligne de commande Unix :

base64 -i /path/to/image.png

Cette commande affichera les données PNG codées en base64.

Solution Python :

import base64

with open("/path/to/image.png", "rb") as f:
    binary_data = f.read()

base64_data = base64.b64encode(binary_data).decode("utf-8")
ext = "png"

data_uri = f"data:image/{ext};base64,{base64_data}"

print(data_uri)

Ce script Python lit le fichier PNG en mode binaire, le convertit en Base64, puis construit l'URI des données, y compris le type et l'extension MIME appropriés.

Notes supplémentaires :

• Assurez-vous que l'extension de l'image est incluse dans l'URI des données après le type MIME, par exemple "data:image/png;base64".
• Utilisez le Méthode "decode('utf-8')" en Python pour gérer tout problème potentiel lié à Unicode.