Lompat ke konten
snowkitDev

Gambar sebagai teks, dan kembali lagi

Ubah gambar kecil menjadi data URL Base64 siap untuk HTML dan CSS, atau tempel Base64 untuk melihat gambar dan menyimpannya sebagai file.

Gambar dan Base64

Tambahkan gambar untuk mendapatkan URL data, atau tempel Base64 untuk mendapatkan gambarnya kembali.

    atau letakkan di mana saja di halaman ini

    PNG, JPEG, GIF, WebP, SVG, BMP, ICO, atau AVIF. Anda bisa menambahkan beberapa sekaligus.

    Gambar dibaca di perangkat ini dan tidak pernah diunggah

    Ubah arah di bagian atas untuk mendekode URL data yang sudah Anda punya. Ubah gambar menjadi teks Base64 dan URL data untuk halaman web, email, dan kode, atau ubah Base64 kembali menjadi file gambar. Gratis dan privat.

    Cara mengonversi gambar ke Base64

    1. Pilih arah Gambar ke Base64.
    2. Tekan Pilih gambar dan pilih satu file atau lebih.
    3. Salin Base64 atau URL data untuk masing-masing. Ukuran asli dan hasil enkode ditampilkan.

    Cara mengubah Base64 kembali menjadi gambar

    1. Pilih arah Base64 ke gambar.
    2. Tempel teks ke Base64 atau URL data.
    3. Periksa pratinjau, lalu unduh gambar. Hapus mengosongkan kotak.

    Mengapa Base64 sepertiga lebih besar

    Base64 menulis setiap 3 byte file sebagai 4 karakter teks biasa, jadi teks hasil enkode sekitar 33% lebih besar daripada gambarnya, plus awalan data:image/png;base64, pendek untuk URL data. Setiap gambar menampilkan kedua ukuran agar Anda melihat biayanya sebelum menempelnya.

    Kapan URL data masuk akal

    Menyematkan berguna untuk hal kecil: ikon, background kecil, tanda tangan email, favicon, atau satu file yang harus berfungsi offline. Untuk apa pun di atas sekitar 10 KB, file gambar biasa biasanya lebih baik: bisa di-cache browser, dimuat paralel dengan halaman, dan menjaga HTML serta CSS Anda tetap kecil. Gambar besar mendapat pengingat tentang ini.

    Mendekode Base64

    Tempel URL data lengkap, baris CSS url(), tag img, atau hanya teks Base64. Spasi, jeda baris, dan huruf aman URL - dan _ diterima, dan padding yang hilang ditambahkan. Jenisnya dibaca dari byte pertama file itu sendiri, bukan dari labelnya, jadi PNG yang salah dilabeli JPEG tetap diunduh dengan ekstensi yang benar. Jika teks bukan Base64 yang valid atau bukan gambar, Anda mendapat penjelasan sederhana.

    File yang didukung

    Gambar apa pun yang bisa dibuka browser Anda, termasuk PNG, JPG, WebP, GIF, SVG, ICO, dan AVIF.

    Tips

    • Kompres atau ubah ukuran gambar dulu, karena Base64 membuatnya lebih besar.
    • Simpan gambar besar sebagai file biasa dan tautkan.
    • Gunakan SVG jika bisa untuk ikon. Sudah berupa teks dan sering lebih kecil dari PNG.
    • Untuk memperkecil gambar sebelum enkode, coba kompres gambar ke ukuran tertentu.

    Penggunaan umum

    Menyematkan logo kecil di email HTML, menaruh ikon langsung ke style sheet, menyimpan gambar di file JSON, dan memulihkan gambar dari URL data yang Anda temukan di kode. Untuk set ikon situs lengkap, lihat pembuat favicon.

    Privat sejak awal

    Gambar dibaca dan dikonversi di halaman ini di browser Anda. Tidak ada yang diunggah, dan file tidak pernah meninggalkan perangkat Anda.

    Pertanyaan

    Apakah Base64 adalah enkripsi?

    Tidak. Ini hanya cara menulis data sebagai teks. Siapa pun bisa mendekodenya.

    Mengapa file hasil dekode punya ekstensi yang salah?

    Seharusnya tidak. Jenisnya dibaca dari file itu sendiri, bukan dari labelnya.

    Mengapa teks Base64 sangat panjang?

    Setiap gambar menjadi sekitar sepertiga lebih besar sebagai teks, dan foto sudah besar sejak awal.

    Selanjutnya ke mana

    Lanjutkan dengan yang baru Anda buat, tetap di perangkat Anda.

    Lainnya dari Snowkit