Comment encoder des images PNG en Base64 pour les URI de données CSS ?

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 d'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 produira le PNG codé en Base64. data.

Solution Python :

<code class="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)</code>

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.

Remarques 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 la méthode "decode('utf-8')" en Python pour gérer tout problème potentiel lié à Unicode.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!