Wie konvertiere ich ein PNG-Bild in Base-64-Kodierung für CSS-Daten-URIs in Python?

Einbetten von PNG-Bildern in CSS mithilfe der Base-64-Kodierung

Frage:

Wie kann ich ein PNG-Bild in konvertieren? Base-64-codiertes Format zur Verwendung als Daten-URI in einem CSS-Stylesheet?

Unix-Befehlszeilenlösung:

Leider kann diese Frage nicht mit einer Unix-Befehlszeilenlösung gelöst werden.

Python-basierte Lösung:

Antwort:

Um ein PNG-Bild in Python in das Base-64-codierte Format zu konvertieren, befolgen Sie diese Schritte:

1. Importieren Sie das Base64-Modul.
2. Lesen Sie den Binärinhalt der PNG-Datei mit open(filepath, 'rb').read().
3. Kodieren Sie die Binärdaten mit Base64 .b64encode(binary_fc).
4. Dekodieren Sie die Base-64-kodierten Daten mit decode('utf-8') in UTF-8.
5. Bestimmen Sie die Dateierweiterung des PNG-Bildes.
6. Erstellen Sie einen Daten-URI im folgenden Format: data:image/{ext};base64,{base64_utf8_str}.

Beispielcode:

<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>

Hinweis:

Denken Sie daran, das erforderliche Präfix data:image/{ext};base64 anzugeben, damit der Daten-URI gültig ist.

Das obige ist der detaillierte Inhalt vonWie konvertiere ich ein PNG-Bild in Base-64-Kodierung für CSS-Daten-URIs in Python?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!