Comment convertir une image PNG en codage Base-64 pour les URI de données CSS en Python ?

Intégration d'images PNG dans CSS à l'aide de l'encodage Base-64

Question :

Comment puis-je convertir une image PNG en Format codé en base 64 à utiliser comme URI de données dans une feuille de style CSS ?

Solution de ligne de commande Unix :

Malheureusement, cette question ne peut pas être résolue à l'aide d'une solution de ligne de commande Unix.

Solution basée sur Python :

Réponse :

Pour convertir une image PNG au format codé en base 64 en Python, suivez ces étapes :

1. Importez le module base64.
2. Lisez le contenu binaire du fichier PNG en utilisant open(filepath, 'rb').read().
3. Encodez les données binaires en base64 .b64encode(binary_fc).
4. Décodez les données codées en base 64 en UTF-8 à l'aide de decode('utf-8').
5. Déterminez l'extension de fichier de l'image PNG.
6. Créez un URI de données en utilisant le format suivant : data:image/{ext};base64,{base64_utf8_str}.

Exemple de code :

<code class="python">import base64

binary_fc        = open(filepath, 'rb').read()  # fc aka file_content
base64_utf8_str   = base64.b64encode(binary_fc).decode('utf-8')
ext              = filepath.split('.')[-1]
dataurl          = f'data:image/{ext};base64,{base64_utf8_str}'</code>

Remarque :

N'oubliez pas d'inclure le préfixe nécessaire data:image/{ext};base64, pour que l'URI des données soit valide.

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!