Convertir SVG a CSS en Python

Convierta SVG a CSS con codificación Base64

Cuando se trata de gráficos vectoriales como SVG, a menudo es necesario convertir estos archivos a formatos que puedan incrustarse, transmitirse o almacenarse fácilmente. Un enfoque práctico es convertir archivos SVG a formato CSS con codificación Base64. Incrustar SVG como Base64 en CSS permite la inclusión en línea de gráficos vectoriales dentro de las hojas de estilo. Esto elimina la necesidad de archivos de imagen separados y reduce las solicitudes HTTP, lo que mejora los tiempos de carga de la página. También garantiza que las imágenes SVG estén disponibles inmediatamente como parte de la hoja de estilo, lo que mejora el rendimiento y simplifica la gestión de activos.

Cómo convertir SVG a CSS en Python

Para convertir SVG a CSS, utilizamos la API Aspose.SVG for Python via .NET , que es una API de manipulación de documentos potente, fácil de usar y rica en funciones para la plataforma Python. Consideramos el ejemplo de codificación SVG a Base64 e incrustación de cadenas Base64 en un documento 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}.")

Pasos para convertir SVG a CSS en Python

1. Utilice la clase SVGDocument para cargar el contenido SVG desde la ruta del archivo especificada.
2. Guarde el documento SVG cargado en un archivo temporal. Este paso facilita la lectura del contenido SVG como una cadena para codificar.
3. Abra el archivo SVG temporal y lea su contenido en una cadena.
4. Codifique el contenido SVG en formato Base64 para incrustarlo en CSS.
5. Cree el contenido CSS, definiendo una clase con el SVG codificado en Base64, por ejemplo, como imagen de fondo.
6. Escriba el contenido CSS generado en el archivo CSS especificado.
7. Elimine el archivo SVG temporal para asegurarse de que no queden archivos innecesarios en el sistema.

El contenido CSS normalmente incluye el tipo MIME de una imagen y datos codificados, así:

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

Codificadores Base64 en línea

Aspose.SVG ofrece aplicaciones en línea gratuitas para codificar y decodificar datos binarios:

• Codificadores Base64 son un conjunto de herramientas que le permiten codificar datos binarios en varios formatos de salida: Plain Base64, JSON, XML, URI o CSS.
• Image Base64 Decoder convierte un URI de datos que contiene una cadena Base64 en una imagen pegando una cadena URI en el control de entrada.

Nuestras aplicaciones basadas en navegador funcionan en todas las plataformas, incluidas Windows, Linux, Mac OS, Android e iOS. No se requiere registro, complemento o instalación de software para usted. ¡Comience a usar nuestras herramientas de codificación/descodificación Base64 en línea de manera segura, segura y fácil!

FAQ

Comience con la API de Python

Si desea desarrollar gráficos vectoriales escalables y sus aplicaciones, instale nuestro flexible y de alta velocidad Aspose.SVG for Python via .NET API. pip es la forma más sencilla de descargar e instalar Aspose.SVG for Python via .NET API. Para hacer esto, ejecute el siguiente comando:

pip install aspose-svg-net

Para obtener más detalles sobre la instalación de la biblioteca Python y los requisitos del sistema, consulte la Documentación Aspose.SVG.