Wie bette ich PNG-Bilder mithilfe der Base64-Kodierung in CSS-Stylesheets ein?

Einbetten von PNG-Bildern in CSS-Stylesheets mithilfe der Base64-Kodierung

Um PNG-Bilder mithilfe von Daten-URIs in CSS-Stylesheets einzubinden, müssen diese konvertiert werden Base64-Kodierung. So können Sie dies erreichen:

Unter macOS und Linux können Sie die folgende Befehlszeilenmethode verwenden:

base64 filepath > filepath.b64

Alternativ können Sie Python für einen vielseitigeren Ansatz verwenden:

<code class="python">import base64

binary_fc = open(filepath, 'rb').read()
base64_utf8_str = base64.b64encode(binary_fc).decode('utf-8')

ext = filepath.split('.')[-1]
dataurl = f'data:image/{ext};base64,{base64_utf8_str}'</code>

In dieser Python-Lösung gewährleistet decode('utf-8') die Kompatibilität mit modernen Browsern, und das Präfix data:image/{ext};base64 ist für die Identifizierung des Bildformats und der Kodierung unerlässlich.

Das obige ist der detaillierte Inhalt vonWie bette ich PNG-Bilder mithilfe der Base64-Kodierung in CSS-Stylesheets ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!