Langsung ke konten

Ubah SVG ke JPG

Ada formulir upload, marketplace, atau percetakan yang hanya menerima JPG. Render vektor di ukuran yang Anda perlukan, dengan background pilihan Anda — karena JPG tidak punya transparansi — dan tidak ada yang disimpan.

  • Tidak pernah disimpan
  • Tanpa antre, tanpa menunggu
  • Tanpa daftar, tanpa watermark

Cara kerjanya

1

Tambahkan SVG Anda

Letakkan file .svg sebanyak apa pun.

2

Pilih ukuran dan background

Atur lebar pikselnya — vektor tajam di ukuran berapa pun — dan warna yang mengisi bagian yang tadinya transparan.

3

Unduh

Satu per satu atau sebagai ZIP, dengan kualitas yang Anda atur.

Mengapa JPG bermusuhan dengan karya vektor, dan cara meminimalkan kerugiannya

JPEG dirancang untuk foto: gradasi halus tanpa tepi tegas, yang ditangani dengan baik oleh transformasi blok 8×8 dan chroma subsampling-nya. Karya vektor adalah kebalikannya — isian rata, garis satu piksel, sudut tajam, dan teks kecil — dan setiap tepi itu mendapat lingkaran riak samar di JPEG, dengan pinggiran berwarna di tempat tepi jenuh bertemu putih, karena warnanya disimpan pada separuh resolusi. Pada kualitas 90 ke atas, lingkaran itu hampir tak terlihat; pada 75, ia tampak di logo apa pun. Karena itulah slider kualitas di halaman ini dimulai dari angka tinggi.

Warna background bukan sekadar kosmetik. SVG tanpa background menggambar di atas kehampaan, sedangkan JPEG harus punya sesuatu di setiap piksel, jadi area kosong diisi sebelum di-encode. Tepi yang di-anti-alias tadinya dicampur ke arah transparan; kini dicampur ke arah warna pilihan Anda, jadi logo yang dirender di atas putih lalu ditempatkan di halaman gelap menampakkan halo pucat. Pilih warna tempat tujuannya, atau gunakan PNG, yang mempertahankan tepinya tanpa pencampuran.

Semua yang mandiri dirender sesuai gambarnya — gradien, filter, mask, clipping, gambar data-URI tertanam. Gambar tertaut dan web font tidak dimuat, karena SVG yang dirender sebagai gambar diisolasi dari jaringan, dan script tidak berjalan. Jika SVG hanya mencantumkan viewBox, rasio aspeknya diambil dari situ dan lebar yang Anda atur menentukan tingginya.

Jika Anda butuh hal lain

rsvg-convert -w 1600 -b white in.svg -o out.png lalu cjpeg -quality 92 menghasilkan JPEG yang lebih bersih daripada encoder browser, dengan koleksi font sungguhan di balik teksnya, dan Inkscape mengekspor dengan DPI dan background pilihan dari command line untuk satu folder penuh.

Sebelum mengonversi, tanyakan dulu apakah pihak yang meminta JPG mau menerima PNG: hampir semuanya mau, dan PNG dari sebuah logo lebih kecil, lebih tajam, dan transparan. Kasus yang benar-benar butuh JPG sangat sempit — marketplace dengan uploader yang ketat, sebagian percetakan, dan sistem yang cukup tua hingga mendahului dukungan PNG.

Pertanyaan yang sering diajukan

Apakah sebaiknya PNG saja?

Biasanya, ya. Karya vektor berupa warna rata dan tepi tegas, yang dikompres buruk oleh JPG dan sempurna oleh PNG, dan hanya PNG yang mempertahankan transparansi. Gunakan halaman ini saat ada yang khusus meminta JPG — formulir listing, sistem lama, percetakan — dan SVG ke PNG untuk selebihnya.

Apa yang terjadi pada background transparan?

JPG tidak punya transparansi, jadi area yang tidak digambar SVG diisi dengan warna pilihan Anda sebelum di-encode. Putih secara default; sesuaikan dengan tempat gambar itu akan ditampilkan.

Di ukuran berapa sebaiknya saya merender?

Ukuran terbesar tempat gambar akan ditampilkan atau dicetak, dikali dua untuk layar berkepadatan tinggi. Merender besar tidak ada ruginya, karena sumbernya vektor; ruginya hanya pada ukuran file.

Mengapa teksnya terlihat berbeda dari di aplikasi desain saya?

SVG menyebutkan sebuah font, dan perangkat yang merendernya memakai font lain yang ada jika font itu tidak tersedia. Ubah teks menjadi outline sebelum mengekspor, dan masalahnya hilang. Web font yang dirujuk lewat URL tidak diambil: proses render tidak menghubungi apa pun.

Apakah file saya disimpan di suatu tempat?

Tidak — tidak ada yang disimpan kapan pun.

Perlu diketahui: SVG yang bergantung pada gambar eksternal atau web font dirender tanpanya; script tidak berjalan, dan animasi dirender pada frame pertamanya. Tepi tegas mendapat ringing JPG pada kualitas rendah — pertahankan di 90 ke atas untuk karya grafis.

Pasang alat ini di situs Anda

Gratis untuk blog, halaman kelas, atau artikel bantuan apa pun. Tempel satu potong kode dan pengunjung Anda bisa langsung memakainya di halaman Anda.