Tidak suka iklan? Pergi Bebas Iklan Hari ini 

Pratinjau dan Dekoder Gambar Base64

DataPengembangGambar

IKLAN · HAPUS?

MEMASUKKAN

Proses Otomatis

KELUARAN

Sisi klien

IKLAN · HAPUS?

Memandu

Pratinjau dan Dekoder Gambar Base64

Tempelkan string gambar berformat base64 dan segera lihat tampilan gambar yang dihasilkan, dengan format otomatis dideteksi dari byte magic file. Ukuran gambar yang terdekodifikasi, dimensi piksel, dan ukuran byte yang terdekodifikasi semua dihitung di browser Anda – tanpa pengunggahan ke server, tanpa menunggu API. Opsi data: Préfiks URI dihilangkan secara otomatis, sehingga Anda dapat menempelkan base64 murni dari payload JSON, latar belakang CSS, isi email, atau respons SDK yang dihasilkan, dan itu bekerja langsung.

Cara Penggunaan

Salin string base64. Ini bisa berupa payload murni, atau termasuk data:image/...;base64, préfiks URI – keduanya diterima.
Tempelkan ke dalam Tali Base64 field. Alat ini mendekodifikasi dan menampilkan gambar segera setelah Anda berhenti mengetik.
Periksa format yang dideteksi, dimensi piksel, ukuran byte yang terdekodifikasi, dan jumlah karakter base64 asli.
Klik Unduh Gambar Untuk menyimpan file yang terdekodifikasi ke komputer dengan ekstensi file yang sesuai dengan format yang dideteksi.

Fitur

Deteksi format gambar – PNG, JPEG, GIF, WebP, BMP, ICO, SVG, AVIF, dan HEIC diakui dari byte magic, bukan hanya petunjuk data URI.
Dimensi piksel – Lebar dan tinggi dibaca dari gambar yang dihasilkan sehingga Anda melihat ukuran intrinsik yang sebenarnya.
Ukuran file yang terdekodifikasi – Menampilkan jumlah byte biner nyata setelah dekodifikasi, bersama dengan panjang karakter base64 untuk perbandingan.
Hilangkan préfiks data URI – Bekerja baik jika input dimulai dengan data:image/png;base64,, hanya iVBORw0..., atau varian base64 yang aman untuk URL.
Unduh sebagai file gambar – Dengan satu klik, file yang terdekodifikasi disimpan dengan ekstensi yang sesuai dengan format yang dideteksi.
Sisi klien saja – String base64 tidak pernah meninggalkan browser Anda. Aman digunakan untuk tangkapan layar pribadi, aset internal, atau file desain yang sensitif.

Kapan Menggunakan Alat Ini

Gunakan alat ini setiap kali Anda menemukan string gambar berformat base64 dan perlu memastikan apa yang sebenarnya terdapat di dalamnya – memperbaiki respons API yang mengandung thumbnail, memeriksa email HTML atau CSS yang mengatur gambar secara langsung, membalikkan pixel pelacakan, memverifikasi output dari API pembuatan gambar, atau mengembalikan aset dari ekspor database. Karena rendering terjadi di browser, ini juga merupakan cara cepat untuk memverifikasi bahwa payload base64 tersebut benar-benar terbentuk sebelum Anda mengirimkannya ke produksi.

IKLAN · HAPUS?

 Tanya Jawab Umum

Apa itu enkoding base64 dan mengapa digunakan untuk gambar?

Base64 adalah skema enkoding yang mewakili data biner sembarang menggunakan 64 karakter ASCII yang dapat dicetak. Ini ada karena banyak saluran transportasi – JSON, atribut HTML, isi email, URL, XML klasik – tidak dapat mengangkut data byte secara aman. Mengenkodkan gambar ke base64 memungkinkan mengintegrasikan seluruh file sebagai string dalam konteks teks saja, dengan biaya kenaikan ukuran sekitar sepertiga.
Bagaimana cara kerja data URI dalam HTML dan CSS?

Data URI mengikuti bentuk data:[mediatype][;base64],<payload>. Ketika browser melihat ini dalam sebuah img src, atribut CSS background-image, atau atribut lainnya, tidak melakukan permintaan jaringan – melainkan mendekodifikasi payload yang diisi dan menganggapnya sebagai sumber daya. Ini menghilangkan satu putaran, tetapi membuat HTML atau CSS sekitarnya lebih besar dan tidak dapat disimpan di cache secara terpisah.
Mengapa data gambar berformat base64 lebih besar daripada file aslinya?

Base64 mengemas tiga byte data biner menjadi empat karakter ASCII, yang sendiri menyebabkan kenaikan ukuran sebesar 33%. Karakter penyelesaian dan penulisan baris menambah beban tersebut sedikit. Sebagai aturan kasar, string base64 sekitar 1,37 kali ukuran file aslinya setelah pengurangan kompresi pada tingkat HTTP.
Format gambar apa yang dapat dienkodkan dengan base64?

Setiap format gambar dapat dienkodkan – base64 bersifat format-agnostic dan hanya mewakili byte file. Browser dapat menampilkan PNG, JPEG, GIF, WebP, BMP, ICO, SVG, dan semakin banyak AVIF dan HEIC dari data URI, selama jenis media yang sesuai dideklarasikan di pra-kata atau dideteksi dari byte magic file.
Kapan mengatur gambar berformat base64 merugikan kinerja daripada membantu?

Mengatur langsung sangat murah untuk gambar kecil yang disimpan di jalur kritis, tetapi tidak lagi menjadi manfaat untuk file besar. Payload base64 tidak dapat disimpan secara terpisah dari dokumen yang diatur, menghambat aliran markup sekitarnya, dan memaksa browser untuk memarsing ulang byte yang sama setiap kali halaman dimuat. Untuk file di atas beberapa kilobyte, permintaan biasa dengan caching HTTP hampir selalu lebih cepat. <img> Tempelkan string gambar berformat base64 (dengan atau tanpa préfiks data URI)