Wie kodiere ich PNG-Bilder in Base-64 für CSS-Daten-URIs auf einem Mac oder mit Python?

Base-64-Kodierung von PNG-Bildern für CSS-Daten-URIs

Problem:

Einbinden von Bildern in CSS mithilfe von Daten- Für URIs muss das Bild in das Base-64-Format konvertiert werden. Wie kann dies auf einem Mac oder mit Python erreicht werden?

Lösung:

Python-Implementierung:

<code class="python">import base64

# Open the PNG file and read its binary contents
binary_file_content = open(filepath, 'rb').read()

# Encode the binary contents to Base-64 and decode it as UTF-8
base64_utf8_str = base64.b64encode(binary_file_content).decode('utf-8')

# Extract the file extension
ext = filepath.split('.')[-1]

# Format the complete data-URI
dataurl = f'data:image/{ext};base64,{base64_utf8_str}'</code>

Hinweise:

• Das Präfix data:image/{ext};base64, ist für die Angabe des Bilddatentyps erforderlich.
• Der Schritt decode('utf-8') ist unerlässlich um sicherzustellen, dass die Zeichenfolge für die ordnungsgemäße Anzeige in CSS Unicode-kompatibel ist.

Das obige ist der detaillierte Inhalt vonWie kodiere ich PNG-Bilder in Base-64 für CSS-Daten-URIs auf einem Mac oder mit Python?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!