← Semua alat teks

SVG ke data URI

Ubah SVG menjadi data URI untuk latar CSS atau tag <img>.

  • Gratis
  • Tanpa daftar
  • Bisa di perangkat apa pun

Tentang SVG ke data URI

Ubah SVG menjadi data URI untuk dipakai di background-image CSS atau src img, menghindari permintaan file tambahan. SVG berkode URL biasanya lebih kecil daripada Base64, yang menambah sekitar sepertiga. Ikon kecil cocok di-inline, sedangkan gambar besar lebih baik sebagai file terpisah yang dapat di-cache.

Cara menggunakan SVG ke data URI

  1. Tempel kode SVG Anda.
  2. Pilih encoding dan jenis keluaran, seperti CSS background atau img src.
  3. Salin data URI ke stylesheet atau HTML Anda.

Mengapa menggunakan alat ini?

Dikenal juga sebagai

Pertanyaan umum

Mana yang lebih kecil, SVG Base64 atau berkode URL?

Berkode URL biasanya lebih kecil, karena Base64 menggelembungkan data sekitar 33 persen. Base64 masih lebih aman di beberapa alat lama.

Mengapa data URI saya tidak berfungsi di CSS?

Tanda kutip di dalam SVG dapat bentrok dengan tanda kutip di sekitar URL. Gunakan opsi keluaran CSS, yang menangani tanda kutip untuk Anda.

Bisakah saya mengubah warna SVG yang dipakai sebagai data URI?

Tidak dengan CSS color, karena gambar diperlakukan sebagai gambar. Ubah fill di SVG sebelum menyandikannya.

Apakah SVG ke data URI gratis?

Ya. SVG ke data URI di Toolipedia gratis digunakan, tanpa daftar dan tanpa watermark.

Apakah aman digunakan?

Ya. Semuanya dihitung di browser Anda, dan tidak ada yang Anda masukkan yang dikirim ke server kami.

Apakah bisa di ponsel saya?

Ya. Alat ini bisa digunakan di browser modern mana pun di Android dan iPhone, juga di tablet dan komputer. Tidak perlu instal apa pun.

Apakah saya perlu akun?

Tidak. Cukup buka halaman dan gunakan alatnya. Tanpa daftar dan tanpa email.

Bisakah saya menaruh SVG ke data URI di situs web saya sendiri?

Ya. Gunakan tombol "Sematkan di situs Anda" di bawah alat untuk menyalin potongan kode singkat dan menempelkannya ke halaman Anda. Gratis, tanpa akun, dan alat tetap berfungsi di dalam halaman Anda.

Alat terkait