Enkode Gambar ke Base64 online atau dalam C#

Konversi Gambar ke string yang disandikan Base64. JPG, JPEG, PJP, PJPEG, PNG, BMP, XBM, GIF, TIFF, ICO, IFIF, WEBP, dan format gambar lainnya didukung.

Download from NuGet
 

Aspose.SVG for .NET Aspose.SVG for .NET

  Free Trial   Pricing Buy

Pengkodean Base64

Base64 adalah sekelompok skema pengkodean serupa untuk mengonversi data biner menjadi format teks ASCII. Base64 umumnya digunakan untuk mentransfer data melalui Internet. Hasil konversi gambar ke Base64 hanyalah sekumpulan huruf Latin, angka, dan dua karakter - “+” dan “/”. Peramban apa pun tahu apa yang harus dilakukan dengan mereka. Dengan kata lain, Base64 adalah sejenis pengkodean biner-ke-teks. String yang disandikan Base64 digunakan dalam berbagai format output: Base64 biasa, JSON, XML, URI data, atau CSS.

Base64 sangat umum di Web, di mana penggunaannya mencakup kemampuan untuk menyematkan file gambar atau sumber daya biner lainnya dalam sumber daya teks seperti file HTML dan CSS. Menyertakan data gambar dalam file HTML berarti browser tidak perlu membuat permintaan web tambahan untuk mengambil file karena gambar sudah disematkan dalam dokumen HTML. Disarankan untuk menggunakan pengkodean Base64 hanya untuk gambar kecil. Gambar Base64 yang besar menghasilkan banyak kode dalam HTML, yang mengakibatkan hilangnya manfaat performa. Perlu juga dicatat bahwa gambar Base64 tidak akan pernah diindeks oleh Google karena 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 di C#

Artikel ini membahas cara menyandikan file gambar ke string Base64 menggunakan fitur Aspose.SVG .NET API. Contoh C# berikut menunjukkan cara mengonversi gambar PNG menjadi string Base64 dan menyematkannya ke dalam file SVG. Metode ReadAllBytes(string) digunakan untuk membuka gambar (file biner) dan membaca isi file ke dalam array byte. Metode ToBase64String(bytes) mengonversi larik bilangan bulat 8-bit menjadi representasi string setara yang disandikan dalam basis 64 digit. Metode AppendChild() kemudian menambahkan gambar yang disandikan Base64 ke dokumen SVG.

Kode C# untuk mengonversi gambar PNG ke Base64

    // Open a binary file - PNG 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 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");

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, lebih spesifiknya:

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/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUg..." alt="Red border"/>
</svg>

Sematkan Gambar Base64 dalam HTML


Mengapa Anda perlu mengonversi Gambar ke Base64? Gambar berenkode Base64 dapat disematkan dalam HTML menggunakan tag <img>. Cukup tempel data gambar langsung ke file HTML menggunakan data URI. Encoding Base64 dan penggunaan skema URI data mengurangi jumlah permintaan HTTP yang diperlukan browser untuk merender halaman web. Cuplikan kode ini menunjukkan bagaimana Anda dapat menyematkan gambar Base64 dalam HTML.

Kode HTML untuk menyematkan Gambar Base64 sebagai URI data

<body>
    <div>
        <img src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg..." alt="Red border">
    </div>
</body>

Data URI terdiri dari dua bagian yang dipisahkan oleh koma. Bagian pertama menentukan gambar yang disandikan Base64, dan bagian kedua menentukan string gambar yang disandikan Base64:

  1. data:image/jpeg;base64, adalah header skema data URI.
  2. iVBORw0KGgoAAAANSUhEUg... adalah data Base64 yang disandikan.

Contoh menyematkan gambar Base64 sebagai kode latar CSS


Satu lagi cara untuk mengurangi jumlah permintaan HTTP untuk gambar - adalah penggunaan properti CSS background-image. Properti background-image mendefinisikan gambar sebagai latar belakang suatu elemen. Setiap gambar untuk properti background-image dapat ditentukan sebagai URL atau sebagai URI data gambar. Perbedaannya adalah pada kasus pertama browser mengirimkan permintaan HTTP untuk mendapatkan gambar eksternal, sedangkan pada kasus kedua gambar Base64 langsung disematkan di dalam dokumen dan tidak menunjukkan sumber lain. Oleh karena itu, browser tidak perlu memuat permintaan HTTP untuk mengirimkan keluaran.

Kode CSS untuk menyematkan Gambar Base64 sebagai URI data

body {
    background-image: url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUg...');
}

Encoder Base64 Online

Online Encoders Base64 mengonversi konten dokumen SVG atau file gambar menjadi representasi string setara yang dienkode dengan digit basis 64. Mereka juga memberikan contoh untuk data URI, JSON, XML, dan lainnya. Alat pengkodean membantu Anda menghindari berbagai masalah pengkodean data yang membuat konten situs web atau pesan email tidak dapat dibaca. Enkode 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!

Menginstal Aspose.SVG untuk perpustakaan .NET

Aspose.SVG untuk .NET adalah pustaka fleksibel lintas platform yang dirancang untuk menyediakan berbagai fitur untuk memproses dan merender dokumen SVG. Ini terintegrasi dengan mulus ke dalam Aplikasi .NET Anda untuk bekerja dengan file SVG tanpa menginstal perangkat lunak pihak ke-3 apa pun. SVG .NET API kami dapat digunakan dengan bahasa .NET apa pun, seperti C#, VB.NET, ASP.NET, dll. Ia bekerja dengan baik pada OS apa pun yang dapat menginstal Mono (dukungan .NET 4.0 Framework) atau menggunakan .NET inti. Ini termasuk Windows, Linux, dan macOS.

Menginstal Aspose.SVG untuk .NET melalui NuGet :

  1. Menggunakan Konsol Manajer Paket.
  2. Menggunakan GUI Pengelola Paket NuGet.

Untuk detail selengkapnya tentang penginstalan library C#, lihat Dokumentasi Aspose.SVG.

Encoder yang Didukung Lainnya

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