Converter SVG em CSS em Python

Converter SVG em CSS com codificação Base64

Ao lidar com gráficos vetoriais como SVG, muitas vezes é necessário converter esses arquivos em formatos que possam ser facilmente incorporados, transmitidos ou armazenados. Uma abordagem prática é converter arquivos SVG para o formato CSS com codificação Base64. A incorporação de SVG como Base64 em CSS permite a inclusão in-line de gráficos vetoriais em folhas de estilo. Isso elimina a necessidade de arquivos de imagem separados e reduz as solicitações HTTP, melhorando o tempo de carregamento da página. Ele também garante que as imagens SVG estejam disponíveis imediatamente como parte da folha de estilo, melhorando o desempenho e simplificando o gerenciamento de ativos.

Como converter SVG para CSS em Python

Para converter SVG em CSS, usamos a API Aspose.SVG for Python via .NET , que é uma API de manipulação de documentos rica em recursos, poderosa e fácil de usar para a plataforma Python. Consideramos o exemplo de codificação SVG para Base64 e incorporação de string Base64 em 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}.")

Etapas para converter SVG em CSS em Python

1. Use a classe SVGDocument para carregar o conteúdo SVG do caminho de arquivo especificado.
2. Salve o documento SVG carregado em um arquivo temporário. Esta etapa facilita a leitura do conteúdo SVG como uma string para codificação.
3. Abra o arquivo SVG temporário e leia seu conteúdo em uma string.
4. Codifique o conteúdo SVG no formato Base64 para incorporação em CSS.
5. Crie o conteúdo CSS, definindo uma classe com o SVG codificado em Base64, por exemplo, como imagem de fundo.
6. Grave o conteúdo CSS gerado no arquivo CSS especificado.
7. Remova o arquivo SVG temporário para garantir que nenhum arquivo desnecessário seja deixado no sistema.

O conteúdo CSS normalmente inclui o tipo MIME de uma imagem e dados codificados, assim:

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

Codificadores Base64 on-line

Aspose.SVG oferece aplicativos online gratuitos para codificar e decodificar dados binários:

• Codificadores Base64 são um conjunto de ferramentas que permitem codificar dados binários em vários formatos de saída: Plain Base64, JSON, XML, URI ou CSS.
• Image Base64 Decoder converte um URI de dados contendo uma string Base64 em uma imagem colando uma string URI no controle de entrada.

Nossos aplicativos baseados em navegador funcionam em todas as plataformas, incluindo Windows, Linux, Mac OS, Android e iOS. Nenhum registro, plug-in ou instalação de software é necessário para você. Comece a usar nossas ferramentas on-line de codificação/decodificação Base64 de maneira segura, segura e fácil!

FAQ

Introdução à API Python

Se você deseja desenvolver gráficos vetoriais escaláveis ​​e seus aplicativos, instale nosso Aspose.SVG for Python via .NET API flexível e de alta velocidade. pip é a maneira mais fácil de baixar e instalar Aspose.SVG for Python via .NET API. Para fazer isso, execute o seguinte comando:

pip install aspose-svg-net

Para obter mais detalhes sobre a instalação da biblioteca Python e os requisitos do sistema, consulte Documentação Aspose.SVG.