Konversi Gambar ke Base64 online atau dalam C#

Enkode Gambar online

Tentang Skema URI

Data URI adalah metode menyematkan gambar dan file lain di halaman web sebagai string teks berdasarkan pengkodean Base64. Skema Data URI memungkinkan Anda menyertakan data biner apa pun dalam dokumen HTML, CSS, JSON, atau SVG. Misalnya, Anda dapat menyematkan gambar di halaman web seolah-olah diambil dari sumber daya eksternal, tetapi alih-alih menentukan URL file, Anda memasukkan konten gambar yang disandikan Base64. Skema URI data didefinisikan dalam RFC 2397, dan mulai tahun 2022, skema ini didukung penuh oleh sebagian besar browser utama. Keuntungan utama penggunaan URI data adalah mempercepat pemuatan halaman karena browser tidak perlu membuat permintaan web tambahan untuk mengambil file karena gambar sudah tertanam dalam dokumen HTML.

Sintaks URI data adalah sebagai berikut: data:[<mime type>][;charset=<charset>][;base64],<data terenkode>.

Karena ukuran data yang disandikan Base64 bertambah sebesar 33%, disarankan untuk menggunakan data URI hanya untuk gambar kecil. Gambar Base64 yang besar menghasilkan banyak kode dalam HTML, yang mengakibatkan hilangnya manfaat performa. Jika Anda perlu mengonversi Gambar ke Base64 dan menggunakan string yang disandikan untuk disematkan ke file teks, harap pelajari semua pro dan kontra terlebih dahulu.

Cara mengonversi Gambar ke Base64 di C#

Untuk mengonversi Image ke string Base64, kami menggunakan Aspose.SVG for .NET API, yang merupakan kaya fitur, andal, mudah digunakan gunakan API manipulasi dokumen untuk platform C#. Kami mempertimbangkan contoh pengkodean Gambar PNG ke Base64 dan menyematkan string Base64 sebagai URI data ke dalam dokumen SVG. Operasi ini dapat dilakukan dengan beberapa baris kode:

    // Open a binary file - raster image
    var bytes = File.ReadAllBytes(@"image.png");
    // Initialize an SVGDocument object
    var document = new SVGDocument();
    // Create an image element
    var img = (SVGImageElement)document.CreateElementNS("http://www.w3.org/2000/svg", "image");
    // Convert PNG image to Base64
    img.Href.BaseVal = "data:image/png;charset=utf-8;base64," + Convert.ToBase64String(bytes);
    // Add the image element into the SVG document
    document.RootElement.AppendChild(img);
    // Save the SVG document
    document.Save(@"image-base64.svg");

Langkah-langkah untuk Mengonversi Gambar ke Base64 di C#

1. Buka Gambar untuk dikonversi. Gunakan metode ReadAllBytes(path) untuk membuka Gambar PNG dan membaca konten file ke dalam array byte.
2. Inisialisasi instance baru dari kelas SVGDocument.
3. Gunakan metode CreateElementNS(namespaceURI, QualifiedName) dari kelas SVGDocument untuk membuat contoh gambar. namespaceURI menyetel referensi ke spesifikasi W3C SVG. QualifiedName harus berisi nama tag string dari elemen gambar.
4. Konversi Gambar ke Base64. Panggil metode ToBase64String(bytes) untuk mengonversi larik bilangan bulat 8-bit menjadi representasi string setara yang disandikan dalam digit base64.
5. Tambahkan elemen gambar ke dalam dokumen SVG menggunakan metode AppendChild(node).
6. Panggil metode Save(path) untuk menyimpan dokumen SVG.

Pro dan Kontra Data URI

Data URI memberi kita cara bijak untuk menyematkan gambar di halaman web. Skema URI dapat digunakan dengan berbagai cara. Tapi bagaimanapun, ada pro dan kontra.

Kelebihan:

• Mempercepat pemuatan halaman. Browser tidak perlu membuat permintaan web tambahan untuk mengambil file karena gambar sudah disematkan di dokumen HTML.
• Peningkatan performa. Browser membutuhkan lebih sedikit waktu CPU.
• Halaman web menjadi independen dari file eksternal, membuatnya mudah untuk dibagikan bahkan saat offline.

Kontra:

• Ukuran data yang disandikan Base64 1/3 lebih besar dari citra biner.
• Gambar yang disandikan tidak di-cache oleh browser dan akan diunduh setiap kali halaman tersebut dikunjungi.
• Gambar yang dikodekan sulit untuk diedit karena string Base64 perlu didekodekan terlebih dahulu.
• Gambar Base64 tidak akan pernah diindeks oleh Google karena tidak muncul di hasil pencarian gambar.
  
  

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!

Contoh Penggunaan Enkode Base64

<svg xmlns="http://www.w3.org/2000/svg">
	<image href="data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAg..." alt="Red circle"/>
</svg>

<body>
    <div>
        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAg..." alt="Red circle">
    </div>
</body>

.class {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAg...');
}

<?xml version="1.0" encoding="UTF-8"?>
<root>
<image mime = "image/png">iVBORw0KGgoAAAANSUhEUgAAACAAAAAg...</image>
</root>

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

FAQ

Memulai dengan Aspose.SVG for .NET API