Heim > Artikel > Web-Frontend > 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!