Bagaimana cara mengonversi gambar menjadi Base64 data URI untuk CSS?

Letakkan atau tempel gambar (Ctrl+V), lalu buka tab CSS dan klik Copy. Anda mendapat aturan background-image: url(...) dengan data URI di dalamnya. Tab HTML, Markdown, Raw Base64, dan JSON bekerja dengan cara yang sama.

Mengapa hasil Base64 sekitar sepertiga lebih besar dari gambar saya?

Base64 mengubah setiap 3 byte menjadi 4 karakter teks, sehingga teksnya sekitar 33% lebih besar dari file. Itulah sebabnya data URI cocok untuk ikon dan logo kecil, bukan foto besar.

Bagaimana cara memperpendek string Base64?

Buka Shrink lebih dulu dan atur Max width atau Format (WebP, JPEG, atau PNG), lalu turunkan Quality untuk WebP atau JPEG. File SVG dan GIF tidak dapat diperkecil dengan cara ini; SVG punya tab SVG (URL-encoded) tersendiri.

Bisakah string Base64 diubah kembali menjadi gambar?

Bisa. Ubah Direction ke Base64 to Image dan tempel data URI atau Base64 saja. Format PNG, JPEG, GIF, WebP, SVG, BMP, ICO, dan AVIF dikenali, lalu tersedia unduhan. Input yang tidak valid menampilkan pesan kesalahan.

Mengapa Copy gagal atau pratinjau terlihat terpotong pada gambar besar?

Pratinjau hanya menampilkan 2000 karakter pertama, tetapi Copy dan Download memberikan nilai lengkap. String yang sangat besar dapat melebihi batas clipboard browser, jadi gunakan Download atau perkecil gambar lebih dulu.

Apakah benar-benar gratis?

Ya. Setiap alat gratis digunakan, tanpa akun dan tanpa kartu kredit. Prosesnya berjalan di perangkat Anda, bukan di server kami, itulah yang membuatnya tetap gratis.

Apakah file saya diunggah?

Tidak. File Anda dibuka dan diproses di dalam browser dan tidak dikirim ke LibraTool. Beberapa alat lebih dulu mengunduh mesin pemrosesan atau model AI ke browser Anda; unduhan itu tidak berisi data Anda.

Apakah berfungsi di mobile?

Ya. Berjalan di browser seluler terbaru di iOS dan Android, tanpa perlu memasang apa pun. File yang sangat besar bisa lambat atau kehabisan memori di ponsel, jadi gunakan komputer untuk file tersebut.

🖼️

Gambar ke Base64 gratis

Konversi gambar ke URI data Base64 untuk penggunaan inline di CSS, HTML, atau Markdown. Salin cuplikan siap pakai. Dikodekan di browser Anda; tidak pernah diunggah.

Ukuran file bergantung pada perangkat AndaFile tetap privatTidak perlu loginGratis selamanya

Berfungsi offline setelah dimuat

Letakkan file di sini, atau klik untuk memilih

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · diproses di perangkat Anda

atau tekan Ctrl+V untuk menempel dari papan klip

Jelajahi file

Tip: Anda juga dapat menempel gambar dari papan klip Anda (Ctrl+V).

File Anda tidak pernah meninggalkan perangkat. Semua pemrosesan terjadi secara lokal di browser Anda.

Konversi gambar ke Base64 data URI yang dapat langsung ditempel ke CSS, HTML, atau Markdown — tanpa file terpisah. Dikodekan di browser Anda; tidak pernah diunggah.

Penggunaan umum

Sematkan Gambar di CSSSematkan ikon kecil atau latar belakang sebagai data URI dalam lembar gaya Anda.
Sematkan Gambar di HTMLSematkan logo atau ikon secara langsung dalam HTML mandiri.
Konversi SVG atau Ikon ke Base64Ubah ikon kecil menjadi data URI untuk penyematan.
Sematkan Gambar di MarkdownSematkan gambar kecil dalam file Markdown dengan data URI.
Dapatkan Data URI GambarHasilkan data: URI baku yang dapat Anda gunakan di mana saja.

Cara kerja

Data URI menanamkan gambar langsung ke dalam kode Anda sebagai teks, sehingga memuat tanpa permintaan file terpisah — berguna untuk ikon kecil dan HTML yang mandiri. Ini mengenkodenya di browser Anda.

1
Anda memasukkan gambar
Dibaca secara lokal dengan FileReader API — tidak pernah diunggah.
2
Itu dikodekan Base64
Byte gambar menjadi data: URI (data:image/...;base64,…) tepat di browser Anda.
3
Anda memilih snippet
Salin raw data URI, atau CSS siap pakai (background-image), HTML (<img>), atau Markdown.
4
Tempel ke kode Anda
Gambar kini menyatu langsung dengan CSS/HTML Anda — tidak ada file tambahan untuk di-host.

Gambar dikodekan sepenuhnya di perangkat Anda. Perhatikan bahwa Base64 ~33% lebih besar dari yang asli, jadi data URI terbaik untuk gambar kecil.

Alat terkait

🖼️

Steganografi Gambar (Sembunyikan Teks dalam Gambar)

Sembunyikan pesan teks rahasia di dalam PNG menggunakan steganografi least-significant-bit, dengan enkripsi kata sandi AES-256-GCM opsional. Ekstrak nanti dengan alat yang sama. Semuanya berjalan di browser Anda.

CobaFile tetap lokal

🔢

Enkoder & Dekoder Base64

Enkode teks atau file ke Base64, atau dekode string Base64 kembali ke teks biasa. Instan, privat, dan gratis.

Coba

🔗

Enkoder & Dekoder URL

Menyandikan dan mendekode URL dan string kueri. Mendukung encodeURIComponent, decodeURIComponent, dan penguraian string kueri.