Konvertieren Sie SVG in CSS in Python

Konvertieren Sie SVG in CSS mit Base64-Kodierung

Beim Umgang mit Vektorgrafiken wie SVG ist häufig die Konvertierung dieser Dateien in Formate erforderlich, die sich einfach einbetten, übertragen oder speichern lassen. Ein praktischer Ansatz besteht darin, SVG-Dateien mit Base64-Kodierung in das CSS-Format zu konvertieren. Das Einbetten von SVG als Base64 in CSS ermöglicht die Inline-Einbindung von Vektorgrafiken in Stylesheets. Dadurch sind keine separaten Bilddateien mehr erforderlich, HTTP-Anfragen werden reduziert und die Seitenladezeiten werden verkürzt. Es stellt außerdem sicher, dass SVG-Bilder sofort als Teil des Stylesheets verfügbar sind, was die Leistung steigert und die Asset-Verwaltung vereinfacht.

So konvertieren Sie SVG in CSS in Python

Um SVG in CSS zu konvertieren, verwenden wir die API Aspose.SVG for Python via .NET , eine funktionsreiche, leistungsstarke und benutzerfreundliche API zur Dokumentbearbeitung für die Python-Plattform. Wir betrachten das Beispiel der SVG-zu-Base64-Kodierung und Einbettung eines Base64-Strings in ein CSS-Dokument:

import base64
import os
from aspose.svg import *

# Create a function to convert SVG to CSS with Base64-encoded SVG data
def convert_svg_to_css(svg_path, css_path, class_name):
    # Load an SVG document
    document = SVGDocument(svg_path)

    # Temporary file path to save the SVG content
    temp_svg_path = "temp_output.svg"

    try:
        # Save the SVG content to a temporary file
        document.save(temp_svg_path)

        # Read the content from the temporary file
        with open(temp_svg_path, "r", encoding="utf-8") as svg_file:
            svg_content = svg_file.read()

        # Encode the SVG content in Base64
        encoded_svg = base64.b64encode(svg_content.encode("utf-8")).decode("utf-8")

        # Prepare the CSS content
        css_content = f""".{class_name} {{
    background-image: url("data:image/svg+xml;base64,{encoded_svg}");
}}
"""

        # Write the CSS content to a file
        with open(css_path, "w", encoding="utf-8") as css_file:
            css_file.write(css_content)

    finally:
        # Clean up the temporary file
        if os.path.exists(temp_svg_path):
            os.remove(temp_svg_path)

# Example usage
input_svg = "image.svg"
output_css = "styles-svg.css"
css_class_name = "background"

convert_svg_to_css(input_svg, output_css, css_class_name)

print(f"SVG file has been converted to CSS and saved as {output_css}.")

Schritte zum Konvertieren von SVG in CSS in Python

1. Verwenden Sie die Klasse SVGDocument , um den SVG-Inhalt aus dem angegebenen Dateipfad zu laden.
2. Speichern Sie das geladene SVG-Dokument in einer temporären Datei. Dieser Schritt erleichtert das Lesen des SVG-Inhalts als Zeichenfolge zur Codierung.
3. Öffnen Sie die temporäre SVG-Datei und lesen Sie deren Inhalt in eine Zeichenfolge ein.
4. Kodieren Sie den SVG-Inhalt zur Einbettung in CSS in das Base64-Format.
5. Erstellen Sie den CSS-Inhalt und definieren Sie dabei beispielsweise eine Klasse mit dem Base64-kodierten SVG als Hintergrundbild.
6. Schreiben Sie den generierten CSS-Inhalt in die angegebene CSS-Datei.
7. Entfernen Sie die temporäre SVG-Datei, um sicherzustellen, dass keine unnötigen Dateien auf dem System verbleiben.

Der CSS-Inhalt umfasst normalerweise den MIME-Typ eines Bildes und codierte Daten, etwa so:

.class {
    background-image: url("data:image/svg+xml;base64,base64_string...");
}

Online-Base64-Encoder

Aspose.SVG bietet kostenlose Online-Anwendungen zum Kodieren und Dekodieren von Binärdaten:

• Base64-Encoder sind eine Reihe von Tools, mit denen Sie Binärdaten in verschiedenen Ausgabeformaten codieren können: Plain Base64, JSON, XML, URI oder CSS.
• Image Base64 Decoder konvertiert einen Daten-URI, der eine Base64-Zeichenfolge enthält, in ein Bild, indem eine URI-Zeichenfolge in das Eingabesteuerelement eingefügt wird.

Unsere browserbasierten Anwendungen funktionieren auf allen Plattformen, einschließlich Windows, Linux, Mac OS, Android und iOS. Für Sie ist keine Registrierung, Plugin- oder Softwareinstallation erforderlich. Beginnen Sie mit der sicheren, sicheren und einfachen Nutzung unserer Online-Base64-Codierungs-/Decodierungstools!

FAQ

Beginnen Sie mit der Python-API

Wenn Sie skalierbare Vektorgrafiken und deren Anwendungen entwickeln möchten, installieren Sie unser flexibles, schnelles Aspose.SVG for Python via .NET API. pip ist der einfachste Weg, Aspose.SVG for Python via .NET API herunterzuladen und zu installieren. Führen Sie dazu den folgenden Befehl aus:

pip install aspose-svg-net

Weitere Einzelheiten zur Installation der Python-Bibliothek und zu den Systemanforderungen finden Sie in der Aspose.SVG-Dokumentation.