Konversi SVG ke CSS dengan Python

Konversi SVG ke CSS dengan Pengkodean Base64

Ketika berhadapan dengan grafik vektor seperti SVG, sering kali diperlukan untuk mengonversi file-file ini ke dalam format yang dapat dengan mudah disematkan, dikirim, atau disimpan. Salah satu pendekatan praktisnya adalah mengonversi file SVG ke format CSS dengan pengkodean Base64. Menyematkan SVG sebagai Base64 di CSS memungkinkan penyertaan grafik vektor sebaris dalam stylesheet. Hal ini menghilangkan kebutuhan akan file gambar terpisah dan mengurangi permintaan HTTP, sehingga meningkatkan waktu pemuatan halaman. Hal ini juga memastikan bahwa gambar SVG segera tersedia sebagai bagian dari stylesheet, meningkatkan kinerja dan menyederhanakan manajemen aset.

Bagaimana mengkonversi SVG ke CSS dengan Python

Untuk mengonversi SVG ke CSS, kami menggunakan Aspose.SVG for Python via .NET API, yang merupakan API manipulasi dokumen yang kaya fitur, kuat, dan mudah digunakan untuk platform Python. Kami mempertimbangkan contoh pengkodean SVG ke Base64 dan menyematkan string Base64 ke dalam dokumen 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}.")

Langkah-langkah Mengonversi SVG ke CSS dengan Python

1. Gunakan kelas SVGDocument untuk memuat konten SVG dari jalur file yang ditentukan.
2. Simpan dokumen SVG yang dimuat ke file sementara. Langkah ini memfasilitasi pembacaan konten SVG sebagai string untuk pengkodean.
3. Buka file SVG sementara dan baca isinya menjadi sebuah string.
4. Enkode konten SVG ke format Base64 untuk disematkan di CSS.
5. Buat konten CSS, tentukan kelas dengan SVG yang dikodekan Base64, misalnya, sebagai gambar latar belakang.
6. Tulis konten CSS yang dihasilkan ke file CSS yang ditentukan.
7. Hapus file SVG sementara untuk memastikan tidak ada file yang tidak diperlukan yang tersisa di sistem.

Konten CSS biasanya mencakup tipe gambar MIME dan data yang dikodekan, seperti:

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

Encoder Base64 Online

Aspose.SVG menawarkan aplikasi online gratis untuk encodind dan decoding data biner:

• Encoder Base64 adalah seperangkat alat yang memungkinkan Anda mengenkode data biner dalam berbagai format keluaran: Base64 Biasa, JSON, XML, URI, atau CSS.
• Gambar Base64 Decoder mengonversi URI data yang berisi string Base64 ke gambar dengan menempelkan string URI di kontrol masukan.

Aplikasi berbasis browser kami berfungsi dari semua platform, termasuk Windows, Linux, Mac OS, Android, dan iOS. Tidak diperlukan pendaftaran, plugin, atau instalasi perangkat lunak untuk Anda. Mulailah menggunakan alat encoding/decoding Base64 online kami dengan aman, aman, dan mudah!

FAQ

Memulai dengan API Python

Jika Anda ingin mengembangkan grafik vektor yang dapat diskalakan dan aplikasinya, instal Aspose.SVG for Python via .NET API kami yang fleksibel dan berkecepatan tinggi. pip adalah cara termudah untuk mengunduh dan menginstal Aspose.SVG for Python via .NET API. Untuk melakukannya, jalankan perintah berikut:

pip install aspose-svg-net

Untuk detail selengkapnya tentang instalasi pustaka Python dan persyaratan sistem, silakan merujuk ke Dokumentasi Aspose.SVG.