Base64-Codierung für PNG-Bilder in CSS-Daten-URIs verwenden
Um PNG-Bilder mithilfe von Daten-URIs in CSS-Stylesheets einzubetten, werden die PNG-Daten benötigt muss zunächst in das Base64-Format kodiert werden. Mit dieser Technik können externe Bilddateien direkt in das Stylesheet eingebunden werden.
Unix-Befehlszeilenlösung:
base64 -i /path/to/image.png
Dieser Befehl gibt das Base64-codierte PNG aus Daten.
Python-Lösung:
<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>
Dieses Python-Skript liest die PNG-Datei im Binärmodus, konvertiert sie in Base64 und erstellt dann den Daten-URI, einschließlich den entsprechenden MIME-Typ und die entsprechende Erweiterung.
Zusätzliche Hinweise:
Das obige ist der detaillierte Inhalt vonWie kodiere ich PNG-Bilder als Base64 für CSS-Daten-URIs?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!