Enkode Gambar 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.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 TIFF ke Base64 dan menggunakan string yang disandikan untuk disematkan ke file HTML, CSS, JSON, atau SVG, harap pelajari semua pro dan kontra terlebih dahulu.
Cara mengonversi TIFF ke Base64 di C#
Untuk mengonversi string TIFF ke Base64, kami menggunakan API Aspose.SVG for .NET, yang merupakan kaya fitur, andal, mudah digunakan gunakan API manipulasi dokumen untuk platform C#. Kami mempertimbangkan contoh pengkodean TIFF ke Base64 dan menyematkan string Base64 sebagai URI data ke dalam dokumen SVG. Operasi ini dapat dilakukan dengan beberapa baris kode:
Kode C# untuk mengonversi string TIFF ke Base64 dan menyematkannya ke dalam file SVG
// Open a binary file - TIFF image
var bytes = File.ReadAllBytes(@"image.tiff");
// 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 TIFF to Base64
img.Href.BaseVal = "data:image/tiff;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 TIFF ke Base64 di C#
- Buka gambar TIFF untuk dikonversi. Gunakan metode ReadAllBytes(
path
) untuk membuka gambar TIFF dan membaca konten file ke dalam array byte. - Inisialisasi instance baru dari kelas SVGDocument.
- 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. - Konversikan TIFF ke Base64. Panggil metode ToBase64String(bytes) untuk mengonversi larik bilangan bulat 8-bit menjadi representasi string setara yang disandikan dalam digit base64.
- Tambahkan elemen gambar ke dalam dokumen SVG menggunakan metode
AppendChild(
node
). - Gunakan 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
Kode SVG untuk menyematkan gambar TIFF Base64 ke dalam dokumen SVG
<svg xmlns="http://www.w3.org/2000/svg">
<image href="data:image/tiff;charset=utf-8;base64,SUkqAAgAAAAUAP4ABAABAAAAAAAAAAABAw..." alt="Blue circle"/>
</svg>
Kode HTML untuk menyematkan gambar TIFF Base64
<body>
<div>
<img src="data:image/tiff;base64,SUkqAAgAAAAUAP4ABAABAAAAAAAAAAABAw..." alt="Blue circle">
</div>
</body>
Kode CSS untuk menyematkan gambar TIFF Base64 sebagai gambar latar belakang
.class {
background-image: url('data:image/tiff;base64,SUkqAAgAAAAUAP4ABAABAAAAAAAAAAABAw...');
}
Kode XML untuk menyematkan gambar TIFF Base64 ke dalam dokumen XML
<?xml version="1.0" encoding="UTF-8"?>
<root>
<image mime = "image/tiff">SUkqAAgAAAAUAP4ABAABAAAAAAAAAAABAw...</image>
</root>
Kode JSON untuk menyematkan gambar TIFF Base64 ke dalam dokumen JSON
{
"image": {
"mime": "image/tiff",
"data": "SUkqAAgAAAAUAP4ABAABAAAAAAAAAAABAw..."
}
}
FAQ
Aspose.SVG memungkinkan Anda mengonversi TIFF ke string Base64 dengan cara apa pun – online atau secara terprogram. Misalnya, Anda dapat mengenkode TIFF secara real-time menggunakan Online TIFF Encoder yang mengonversi file Anda dengan cepat dan berkualitas tinggi. Unggah, enkodekan TIFF dan dapatkan hasilnya dalam beberapa detik! Di sisi lain, Anda dapat menggunakan Aspose.SVG untuk .NET API untuk mengonversi TIFF ke Base64 secara terprogram.
Secara historis, banyak format transfer dan penyimpanan data menggunakan teks, bukan kode biner (HTML, XML, email, dan sebagainya). Bagaimana jika format transfer data berbasis teks, tetapi Anda perlu mentransfer data biner? Di sinilah pengkodean Base64 masuk. Untuk mencegah salah tafsir simbol biner saat mengirim data melalui Internet, perlu untuk menyandikannya menjadi karakter. Beberapa aplikasi khas Pengodean Base64: skema data URI untuk gambar (CSS, HTML, JavaScript); mentransfer gambar dan data biner lainnya ke XML; menyimpan gambar dalam database; termasuk gambar ke dalam pesan email.
Data URI adalah cara tercepat dan termudah untuk menyematkan gambar dan file lainnya di halaman web Anda. Data URI didukung oleh browser modern utama: Chrome, Firefox, Safari, Edge, Opera, dan IE8+.
Base64 adalah skema pengkodean biner ke teks yang merepresentasikan data biner dalam format string ASCII. Pengkodean Base64 umumnya digunakan ketika diperlukan untuk menyandikan informasi biner yang perlu disimpan dan ditransfer melalui media yang dirancang untuk bekerja dengan data tekstual.
Memulai dengan Aspose.SVG for .NET API
Jika Anda tertarik untuk mengembangkan grafik vektor yang dapat diskalakan dan aplikasinya, instal Aspose.SVG for .NET API kami yang fleksibel dan berkecepatan tinggi dengan serangkaian antarmuka canggih untuk C# dan bahasa pemrograman .NET lainnya.Instal dari baris perintah sebagai
nuget install Aspose.SVG
atau melalui Package Manager Console Visual Studio dengan Install-Package Aspose.SVG
.
Alternatifnya, dapatkan penginstal MSI offline atau DLL dalam file ZIP dari
unduhan.
Aspose.SVG for .NET API adalah pustaka mandiri dan tidak bergantung pada perangkat lunak apa pun untuk pemrosesan dokumen SVG.Untuk detail selengkapnya tentang instalasi pustaka C# dan persyaratan sistem, silakan merujuk ke Dokumentasi Aspose.SVG.
Encoder Base64 Lain yang Didukung
Anda dapat mengonversi Gambar ke string Base64 - format JPG, PNG, BMP, GIF, TIFF, ICO, dan SVG didukung: