SVG ke PDF
Konversi grafik vektor SVG — logo, ikon, diagram, gambar teknis — menjadi satu dokumen PDF. File diproses di browser kamu — tidak pernah meninggalkan perangkat kamu.
SVG ke PDF mengonversi Scalable Vector Graphics — standar W3C untuk gambar vektor di web — menjadi satu dokumen PDF. SVG di-rasterisasi di main thread via engine rendering native browser pada 2× DPI untuk ketajaman, lalu dirakit menjadi PDF menggunakan pdf-lib di Web Worker. Hasilnya cocok untuk tampilan layar dan cetak, meskipun fitur SVG kompleks (filter, mask, resource eksternal) dapat di-rasterisasi tidak sempurna.
Apa itu SVG ke PDF?
SVG (Scalable Vector Graphics) adalah format gambar vektor yang direkomendasikan W3C, dipakai untuk logo, ikon, diagram, chart, infografik, dan gambar teknis. Tidak seperti format raster (JPG, PNG, WebP), SVG menyimpan bentuk sebagai jalur matematis, sehingga skala ke ukuran apa pun tanpa kehilangan kualitas. SVG telah menjadi W3C Recommendation sejak <strong>2001</strong> dan didukung secara native oleh setiap browser modern. Alat seperti Figma, Sketch, Adobe Illustrator, Inkscape, D3.js, dan Mermaid semuanya mengekspor SVG.
Mengonversi SVG ke PDF umum dilakukan saat kamu perlu membagikan grafik vektor ke penerima yang tidak punya software desain, menanamkan logo di dokumen Word, atau mengirim diagram sebagai proof yang dapat dicetak. Sebagian besar konverter SVG online mengunggah file kamu ke server jarak jauh — yang janggal saat SVG adalah logo merek rahasia, mockup produk yang belum dirilis, atau gambar teknis sensitif. Alat ini menjalankan seluruh konversi di browser kamu; SVG tidak pernah melintasi jaringan.
Bagaimana cara kerja konversi SVG di browser?
SVG rumit di worker browser karena createImageBitmap tidak mendekode blob SVG di konteks Worker. Pikowl menanganinya dengan me-rasterisasi di main thread: setiap SVG dimuat via elemen <img> (yang dirender browser menggunakan engine SVG lengkap), digambar ke canvas pada 2× DPI untuk ketajaman, lalu diekspor sebagai blob PNG. PNG dikirim ke Web Worker yang menggunakan pdf-lib untuk menanamkannya di dokumen PDF baru. PDF ditawarkan sebagai Blob yang dapat diunduh via URL.createObjectURL. Tidak ada yang dikirim ke server mana pun.
Apakah aman mengonversi logo SVG dan grafik rahasia di sini?
Ya. Buka tab jaringan di DevTools saat kamu menggunakan alat — kamu tidak akan melihat permintaan keluar selama konversi. SVG dibaca secara lokal via File API, dirender oleh engine SVG lokal browser, dan PDF yang dihasilkan hanya hidup di memori browser kamu sampai kamu mengunduhnya. Logo merek, mockup produk yang belum dirilis, dan gambar engineering adalah use case SVG umum — menjaga konversi tetap lokal itu penting.
Bagaimana dengan metadata tersembunyi di SVG?
File SVG dapat membawa konten teks tersembunyi di tag <title>, <desc>, dan <metadata> — kadang termasuk info pembuat, versi software (generator="Adobe Illustrator 28.0"), nama layer internal, dan bahkan draft yang di-comment-out. Mereka juga dapat menyertakan referensi gambar eksternal via tag <image href="…">, yang diambil browser saat rendering. Karena Pikowl me-rasterisasi SVG menjadi PNG sebelum penanaman, semua metadata itu dibuang — PDF hanya berisi gambar yang terlihat.
Apa batasannya dan mengapa?
Hingga 50 SVG per konversi, 5 MB per file, dengan peringatan lunak pada 50 MB gabungan dan batas keras pada 100 MB. Batas per-file jauh lebih kecil daripada untuk format raster karena kompleksitas SVG tidak menskalakan secara linier dengan ukuran file — SVG 5 MB dengan ribuan jalur dan filter kompleks dapat memakan beberapa detik untuk dirender dan mengonsumsi ratusan MB memori selama rasterisasi. Jumlah file tinggi (50) karena SVG tipikal (logo, ikon) sangat kecil.
Bagaimana Pikowl dibandingkan dengan Smallpdf dan iLovePDF untuk SVG?
Perbedaan substantif adalah lokasi pemrosesan, batas penggunaan harian, dan harga. Smallpdf dan iLovePDF tidak menawarkan SVG ke PDF sebagai alat mandiri — keduanya menjalankan SVG melalui pipeline gambar-ke-PDF generik yang me-rasterisasi ulang sisi server. Angka di bawah mencerminkan penawaran tier gratis publik dari setiap layanan per April 2026.
| Fitur | Pikowl | Smallpdf | iLovePDF |
|---|---|---|---|
| Lokasi pemrosesan file | Browser kamu | Server jarak jauh | Server jarak jauh |
| Perlu daftar | Tidak | Opsional | Opsional |
| Kualitas output | Di-rasterisasi pada 2× DPI di browser kamu | Di-rasterisasi sisi server | Di-rasterisasi sisi server |
| Ukuran maks (gratis) | 25 MB | 5 MB | 200 MB (gabungan) |
| Harga | Gratis | $9/bln untuk tanpa batas | $7/bln untuk premium |
Sumber: smallpdf.com/pricing dan ilovepdf.com/pricing, diakses April 2026.
Penggunaan Umum
- Proof logo merek: Kirim logo SVG yang diekspor dari Figma sebagai PDF untuk peninjauan klien tanpa mengekspos file sumber yang dapat diedit.
- Pengarsipan icon set: Bundel icon set SVG (Material, Phosphor, Lucide) menjadi satu lembar referensi PDF untuk desainer.
- Diagram teknis: Konversi diagram urutan SVG yang diekspor dari Mermaid atau PlantUML menjadi PDF yang dapat dicetak untuk dokumentasi engineering.
- Ekspor data viz: Chart SVG D3.js dan Plotly menjadi figure PDF untuk dimasukkan dalam paper riset atau laporan.
- Bundle brand guideline: Logo dalam beberapa ukuran dan orientasi sebagai satu PDF untuk handoff ke printer.
- Ekspor vektor CAD: Konversi denah lantai atau diagram arsitektural yang diekspor SVG menjadi PDF portabel.
FAQ
Apakah SVG dipertahankan sebagai vektor di PDF?
Tidak — mereka di-rasterisasi pada 2× DPI sebelum penanaman. PDF mendukung konten vektor yang tertanam, tetapi konversi SVG-ke-PDF-vektor di browser akan memerlukan dependency yang jauh lebih berat (svg2pdf.js atau sejenisnya) yang sengaja kami kecualikan untuk saat ini. Raster 2× DPI terlihat tajam di layar 96 DPI standar dan tercetak baik pada ukuran dokumen tipikal; jika kamu butuh preservasi vektor sejati, gunakan alat desktop seperti Save As PDF dari Inkscape.
Kenapa raster 2× DPI?
2× adalah sweet spot: menghasilkan output tajam di layar Retina/HiDPI dan pada ukuran cetak hingga A4, sambil menjaga PDF yang dihasilkan tetap kecil. DPI lebih tinggi (3× atau 4×) akan menghasilkan output cetak yang sedikit lebih tajam tetapi membengkakkan PDF secara dramatis. DPI lebih rendah (1×) akan terlihat lembut di layar modern.
Apakah animasi SVG bertahan di PDF?
Tidak. SVG dapat menyertakan animasi CSS dan tag SMIL
Kenapa batas ukuran file hanya 5 MB?
Ukuran file SVG tidak memprediksi kompleksitas rendering dengan baik. SVG 1 MB dengan ribuan jalur bezier, gradien kompleks, dan filter dapat memakan beberapa detik untuk di-rasterisasi dan mengonsumsi ratusan MB selama rendering — jauh lebih buruk daripada JPEG 25 MB. Plafon 5 MB menjaga risiko rendering tetap terkelola di perangkat seluler.
Apakah filter dan gradien SVG dirender dengan benar?
Sebagian besar ya — kami menggunakan renderer SVG native browser, yang mendukung spek SVG 1.1 lengkap termasuk filter, gradien, mask, dan clip path. Fitur SVG 2 (filter primitive lebih baru, layout teks lanjutan) mungkin tidak dirender di semua browser. Jika filter spesifik terlihat salah, menyederhanakan SVG di alat desain kamu sebelum mengekspor biasanya membantu.
Bisakah saya menyertakan referensi gambar eksternal di SVG?
Referensi <image href="https://…"> eksternal akan gagal dimuat — browser memblokir pengambilan gambar cross-origin di dalam SVG yang dimuat sebagai Blob. Untuk menyertakan gambar eksternal, tanamkan sebagai data URI (data:image/png;base64,…) di SVG sebelum mengonversi. Hal yang sama berlaku untuk referensi font eksternal; gunakan <text font-family="…"> dengan font sistem atau konversi teks ke jalur di alat desain kamu.
Apakah SVG diunggah ke server?
Tidak. Konversi berjalan sepenuhnya di browser kamu — buka tab jaringan DevTools dan kamu tidak akan melihat permintaan keluar selama proses. SVG dibaca dari disk kamu via File API, dirender oleh engine SVG lokal browser, ditanamkan ke PDF menggunakan pdf-lib, dan ditawarkan kembali sebagai unduhan.
Dalam Angka
- SVG menjadi W3C Recommendation pada 2001 dan telah didukung secara native oleh setiap browser besar sejak IE9 (2011); hari ini ini adalah format vektor dominan di web.
- Logo perusahaan tipikal sebagai SVG di bawah 5 KB, sedangkan PNG setara pada resolusi cetak beberapa ratus KB — vektor menang baik untuk ukuran file maupun ketajaman hingga sekitar kompleksitas fotografis.
- Figma, Sketch, Adobe Illustrator, Inkscape, dan Affinity Designer semuanya mengekspor SVG native; D3.js, Mermaid, PlantUML, dan sebagian besar library charting JavaScript juga menghasilkan SVG, menjadikan SVG format penghubung antara desain dan kode.