Convertir SVG en CSS en Python

Convertir SVG en CSS avec l'encodage Base64

Lorsqu’il s’agit de graphiques vectoriels tels que SVG, il est souvent nécessaire de convertir ces fichiers dans des formats pouvant être facilement intégrés, transmis ou stockés. Une approche pratique consiste à convertir les fichiers SVG au format CSS avec un encodage Base64. L’intégration de SVG en Base64 dans CSS permet l’inclusion en ligne de graphiques vectoriels dans les feuilles de style. Cela élimine le besoin de fichiers image séparés et réduit les requêtes HTTP, améliorant ainsi les temps de chargement des pages. Il garantit également que les images SVG sont disponibles immédiatement dans la feuille de style, améliorant ainsi les performances et simplifiant la gestion des actifs.

Comment convertir SVG en CSS en Python

Afin de convertir SVG en CSS, nous utilisons l’API Aspose.SVG for Python via .NET , qui est une API de manipulation de documents riche en fonctionnalités, puissante et facile à utiliser pour la plate-forme Python. Nous considérons l’exemple de l’encodage SVG en Base64 et de l’intégration d’une chaîne Base64 dans un document CSS:

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}.")

Étapes pour convertir SVG en CSS en Python

1. Utilisez la classe SVGDocument pour charger le contenu SVG à partir du chemin de fichier spécifié.
2. Enregistrez le document SVG chargé dans un fichier temporaire. Cette étape facilite la lecture du contenu SVG sous forme de chaîne pour l’encodage.
3. Ouvrez le fichier SVG temporaire et lisez son contenu dans une chaîne.
4. Encodez le contenu SVG au format Base64 pour l’intégrer dans CSS.
5. Créez le contenu CSS, en définissant une classe avec le SVG codé en Base64, par exemple, comme image d’arrière-plan.
6. Écrivez le contenu CSS généré dans le fichier CSS spécifié.
7. Supprimez le fichier SVG temporaire pour vous assurer qu’aucun fichier inutile n’est laissé sur le système.

Le contenu CSS inclut généralement le type MIME d’une image et les données codées, comme ceci:

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

Encodeurs Base64 en ligne

Aspose.SVG propose des applications en ligne gratuites pour encoder et décoder des données binaires :

• Encodeurs Base64 sont un ensemble d’outils qui vous permettent d’encoder des données binaires dans différents formats de sortie : Plain Base64, JSON, XML, URI ou CSS.
• Décodeur Image Base64 convertit un URI de données contenant une chaîne Base64 en une image en collant une chaîne URI dans le contrôle d’entrée.

Nos applications basées sur un navigateur fonctionnent sur toutes les plateformes, y compris Windows, Linux, Mac OS, Android et iOS. Aucun enregistrement, plugin ou installation de logiciel requis pour vous. Commencez à utiliser nos outils d’encodage/décodage Base64 en ligne de manière sûre, sécurisée et simple !

FAQ

Premiers pas avec l'API Python

Si vous souhaitez développer des graphiques vectoriels évolutifs et leurs applications, installez notre Aspose.SVG for Python via .NET API flexible et rapide. pip est le moyen le plus simple de télécharger et d’installer Aspose.SVG for Python via .NET API. Pour ce faire, exécutez la commande suivante:

pip install aspose-svg-net

Pour plus de détails sur l’installation de la bibliothèque Python et la configuration système requise, veuillez vous référer à la Documentation Aspose.SVG.