Enkode Gambar ke Base64 dengan Python

Konversikan Gambar ke string yang dikodekan Base64. SVG, JPG, JPEG, PNG, BMP, GIF, TIFF, ICO, IFIF, WEBP, dan format gambar lainnya didukung.

Download from PyPI
 

Aspose.SVG for Python via .NET Aspose.SVG for Python via .NET

  Download   Pricing Buy

Pengkodean Base64

Base64 adalah skema pengkodean yang mengubah data biner menjadi teks ASCII, sering digunakan untuk mentransfer data melalui Internet. Saat gambar dikonversi ke Base64, hasilnya adalah rangkaian huruf Latin, angka, dan dua karakter – “+” dan “/”. Browser dapat menafsirkan data yang dikodekan ini tanpa masalah. Dengan kata lain, Base64 adalah pengkodean biner-ke-teks yang dapat disematkan dalam berbagai format seperti JSON, XML, URI data, atau CSS.

Base64 banyak digunakan untuk menyematkan gambar atau sumber daya biner lainnya langsung ke dalam file HTML atau CSS. Hal ini menghilangkan kebutuhan permintaan web tambahan karena gambar sudah disertakan dalam dokumen HTML. Namun, Base64 paling cocok untuk gambar kecil; gambar besar yang dikodekan Base64 dapat membuat HTML membengkak, menyebabkan kinerja lebih lambat. Perlu diperhatikan juga bahwa Google tidak akan pernah mengindeks gambar Base64 karena gambar tersebut tidak muncul dalam pencarian gambar.


Konversi Gambar ke Base64 online

Enkode gambar dengan Aspose.SVG for .NET API secara real-time! Harap muat gambar dari sistem file lokal dan Anda akan segera mendapatkan hasilnya sebagai URI data, Sumber Gambar Base64, dan Sumber Latar Belakang CSS Base64. SVG, JPG, JPEG, PJP, PJPEG, PNG, BMP, XBM, GIF, TIFF, ICO, IFIF, WEBP dan format gambar lainnya didukung.



Konversi Gambar ke Base64 dengan Python

Artikel ini membahas cara mengkodekan file gambar ke string Base64 menggunakan Aspose.SVG for Python via .NET API. Contoh Python berikut menunjukkan cara mengonversi gambar SVG menjadi string Base64 dan menyematkannya ke dalam file SVG.

Kode Python untuk mengonversi gambar SVG ke Base64

import base64
from aspose.svg import SVGDocument


document_path = "image.svg"

# Open an SVG image
with open(document_path, "rb") as file:
    bytes_data = file.read()

# Initialize an SVGDocument object
document = SVGDocument()

# Create an image element
img_element = document.create_element_ns("http://www.w3.org/2000/svg", "image")

# Convert SVG image to Base64 and set the href attribute
encoded_image = f"data:image/svg+xml;charset=utf-8;base64,{base64.b64encode(bytes_data).decode('utf-8')}"
img_element.set_attribute("href", encoded_image)

# Add the image element to the SVG document
document.document_element.append_child(img_element)

# Save the SVG document
document.save("image-base64.svg")

Fragmen dari file image-base64.svg yang dihasilkan ditunjukkan di bawah ini. String Base64 dipotong agar tidak mengacaukan contoh kode SVG. Format untuk menyematkan gambar Base64 sebagai data URI adalah sebagai berikut:

data:[<mime type>][;charset=<charset>][;base64],<encoded data>

Kode SVG untuk menyematkan Gambar Base64

<svg xmlns="http://www.w3.org/2000/svg">
	<image href="data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ..." alt="Alt text for the image"/>
</svg>



Sematkan Gambar Base64 dalam HTML

Mengapa mengonversi gambar ke Base64? Gambar yang dikodekan Base64 dapat disematkan langsung ke HTML menggunakan tag <img> dengan memasukkan data gambar sebagai URI data. Metode ini mengurangi jumlah permintaan HTTP yang dibutuhkan browser untuk memuat halaman web, sehingga meningkatkan kinerja. Cuplikan kode berikut menunjukkan cara menyematkan gambar Base64 dalam HTML.

Kode HTML untuk menyematkan Gambar Base64 sebagai URI data

<body>
    <div>
        <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ..." alt="Alt text for the image">
    </div>
</body>

URI data terdiri dari dua bagian yang dipisahkan dengan koma. Bagian pertama menentukan header skema URI data untuk gambar yang dikodekan Base64, dan bagian kedua mendefinisikan string gambar yang dikodekan Base64 itu sendiri:

  1. data:image/svg+xml;base64, adalah header skema URI data.
  2. PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ... adalah data Base64 yang dikodekan.



Sematkan Gambar Base64 dalam Kode CSS

Cara lain untuk mengurangi jumlah permintaan HTTP terhadap gambar adalah dengan menggunakan properti background-image CSS. Properti ini menetapkan gambar sebagai latar belakang elemen, dan Anda dapat menentukan setiap gambar sebagai URL atau URI data gambar. Dengan URL, browser mengirimkan permintaan HTTP untuk mendapatkan gambar eksternal, tetapi dengan gambar Base64 yang disematkan sebagai URI data, gambar tersebut langsung disertakan dalam dokumen. Artinya, browser tidak perlu membuat permintaan HTTP tambahan apa pun, sehingga mempercepat waktu pemuatan halaman.

Kode CSS untuk menyematkan Gambar Base64 sebagai URI data

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



Sematkan Gambar Base64 dalam XML

Mengkodekan gambar ke Base64 untuk disematkan dalam XML menyederhanakan integrasi dan meningkatkan portabilitas dengan memungkinkan gambar disertakan langsung dalam format ini, sehingga mengurangi kebutuhan referensi file eksternal.

Kode XML dengan gambar SVG Base64 yang tertanam

<?xml version="1.0" encoding="UTF-8"?>
<root>
<image mime = "image/svg+xml">PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ...</image>
</root>



Sematkan Gambar Base64 di JSON

Mengonversi gambar ke Base64 dan menyimpannya sebagai JSON berguna untuk disematkan ke halaman web atau aplikasi tanpa permintaan HTTP tambahan.

Kode JSON dengan gambar Base64 tertanam

{
  "image": {
    "mime": "image/png",
    "data": "PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ..."
  }
}

Encoder Base64 Online

Base64 Encoders online mengonversi konten dokumen SVG atau file gambar ke representasi string setara yang dikodekan dengan karakter ASCII. Mereka juga memberikan contoh untuk data URI, JSON, XML, dan lain-lain. Alat pengkodean membantu Anda menghindari berbagai masalah pengkodean data yang membuat konten situs web atau pesan email tidak dapat dibaca. Encoder Base64 aman, mudah digunakan, dan sepenuhnya gratis. Mereka bekerja di browser apa pun dan di sistem operasi apa pun. Konversi Gambar ke Base64 gratis sekarang juga!

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.

Encoder yang Didukung Lainnya

Anda dapat menyandikan Gambar ke Base64 – format JPG, PNG, BMP, GIF, TIFF, ICO, dan SVG didukung:

  • PNG to Base64
  • JPG to Base64
  • PNG to XML
  • JPG to XML