base64image
Bahasa Indonesia

Vektor yang selalu tajam

Konversi Base64 ke SVG

Decode string Base64 menjadi file SVG yang bisa dibuka, diedit, dan diskalakan ke ukuran berapa pun. Berguna untuk mengambil ikon dari background CSS dan data URL.

0 karakteratau jatuhkan file .txt di sini
Hasil gambar

Gambar Anda muncul di sini

Tidak ada yang diunggah. Proses dekode berjalan di perangkat ini.

Format
—
Dimensi
—
Ukuran file
—
Panjang Base64
—

Cara konversi Base64 ke gambar

  1. Tempel string

    Masukkan Base64 mentah atau URL lengkap data:image/...;base64,. Tanda kutip, baris baru, dan pembungkus CSS url() dibersihkan secara otomatis.

  2. Lihat hasil dekode

    Format dibaca dari signature file, bukan ditebak, dan gambar langsung tampil lengkap dengan dimensi serta ukurannya.

  3. Simpan gambar

    Unduh file aslinya, ubah ke PNG, JPG, atau WebP, atau salin langsung ke clipboard.

Tentang gambar SVG Base64

SVG (Scalable Vector Graphics) mendeskripsikan bentuk dalam teks XML, bukan piksel, sehingga tetap tajam di resolusi berapa pun dan biasanya sangat kecil untuk ikon dan logo.

SVG Base64 umumnya diawali PHN2Zy (hasil encode <svg) atau PD94bWwg (hasil encode <?xml ). Tipe medianya image/svg+xml.

Dirancang sesuai cara kerja developer

  • Privat sejak awal

    Dekode dijalankan oleh JavaScript di perangkat Anda. String tidak pernah dikirim ke server, sehingga token, screenshot, dan data pelanggan tetap di tangan Anda.

  • Deteksi format yang sebenarnya

    Magic bytes mengenali PNG, JPEG, GIF, WebP, SVG, BMP, ICO, dan AVIF meskipun prefiks data URL tidak ada atau keliru.

  • Toleran terhadap input

    Mendukung Base64 URL-safe, padding = yang hilang, baris yang terpotong-potong, string hasil escape JSON, dan tanda kutip di sekelilingnya.

  • Detail file yang akurat

    Menampilkan dimensi piksel, ukuran file hasil dekode, dan panjang string. Praktis saat memeriksa payload API.

  • Konversi format

    Ubah gambar hasil dekode ke PNG, JPG, atau WebP tanpa meninggalkan halaman.

  • Tanpa batas, tanpa akun

    Gratis dipakai tanpa pendaftaran, tanpa watermark, dan tanpa kuota harian.

Apa itu gambar Base64?

Base64 adalah cara menuliskan data biner dengan 64 karakter yang bisa dicetak: A–Z, a–z, 0–9, +, dan /. Standarnya didefinisikan dalam RFC 4648. Setiap 3 byte file menjadi 4 karakter teks, sehingga gambar Base64 berukuran sekitar 33% lebih besar daripada file aslinya.

Data URL, yang didefinisikan dalam RFC 2397, membungkus teks tersebut dengan tipe media agar browser bisa langsung menampilkannya: data:image/png;base64,iVBORw0KGgo.... Begitulah gambar kecil disematkan di dalam HTML, CSS, respons API JSON, email, dan file SVG.

Konversi Base64 ke gambar membalik proses itu. Teks didekode kembali menjadi byte aslinya lalu disimpan sebagai file gambar biasa, identik dengan file yang dulu di-encode.

Format gambar dan signature Base64-nya

Karakter-karakter pertama string Base64 menunjukkan format gambarnya, karena setiap format diawali byte signature yang tetap.

FormatTipe MIMEAwalan Base64TransparansiAnimasiCocok untuk
PNGimage/pngiVBORw0KGgoYaTidakLogo, ikon, screenshot
JPGimage/jpeg/9j/TidakTidakFoto
GIFimage/gifR0lGODYaYaAnimasi pendek dan sederhana
WebPimage/webpUklGRYaYaGambar web yang lebih ringan
SVGimage/svg+xmlPHN2ZyYaYaIkon dan ilustrasi yang bisa diskalakan
BMPimage/bmpQkTidakTidakBitmap lawas tanpa kompresi
ICOimage/x-iconAAABAAYaTidakFavicon

Decode Base64 ke SVG lewat kode

Jika Anda perlu melakukan hal yang sama di dalam skrip, potongan kode berikut menulis string Base64 menjadi file gambar.

JavaScript
const img = new Image();
img.src = `data:image/svg+xml;base64,${b64}`;
document.body.append(img);
Node.js
import { writeFileSync } from 'node:fs';

writeFileSync('image.svg', Buffer.from(b64, 'base64'));
Python
import base64

with open("image.svg", "wb") as f:
    f.write(base64.b64decode(b64))
Shell
base64 --decode image.txt > image.svg

Pertanyaan yang sering diajukan

Bisakah SVG diedit setelah didekode?

Bisa. File yang diunduh berupa teks XML biasa. Buka di editor kode apa pun, atau di Figma, Inkscape, maupun Illustrator.

Apakah SVG harus di-encode Base64 di CSS?

Tidak. Karena SVG berupa teks, Anda bisa memakai URL-encoding, yang biasanya lebih kecil. Base64 terutama dipakai ketika suatu tool atau API mewajibkannya.

Bisakah SVG disimpan sebagai PNG?

Bisa. Gunakan menu Simpan sebagai untuk merender vektor ke PNG, JPG, atau WebP pada ukuran aslinya.

Bagaimana cara mengenali SVG Base64?

String-nya diawali PHN2Zy atau PD94bWwg. Sebagai data URL bentuknya data:image/svg+xml;base64,PHN2Zy....

Apakah data Base64 saya diunggah ke server?

Tidak. Dekode dilakukan oleh JavaScript di dalam browser Anda. String maupun gambar hasilnya tidak pernah dikirim ke mana pun, sehingga alat ini aman untuk gambar pribadi atau sensitif.

Format gambar apa saja yang didukung?

PNG, JPEG, GIF, WebP, SVG, BMP, ICO, dan AVIF. Format dideteksi dari signature file, jadi tetap berfungsi tanpa prefiks data:image/....

Konverter per format