Konversi PSD ke SVG
Simpan desain Photoshop sebagai file .svg untuk aplikasi yang hanya menerima SVG. Konverter ini meratakan PSD lalu membungkus gambarnya dalam SVG. Baca terus untuk mengetahui kapan itu sudah cukup dan kapan logo perlu di-trace.
Konverter Gambar
atau jatuhkan file JPG, JPEG, JPE … di sini ·
Maks. 95 MB per file· Hingga 20 file· Dihapus setelah 30 menit
File diproses di server kami dan dihapus setelah 30 menit.
85 membuat foto tampak identik dengan aslinya. Turunkan hanya jika Anda memerlukan file yang lebih kecil.
JPG, BMP, dan EPS tidak mendukung transparansi. Piksel transparan diisi dengan warna ini.
Warna hex yang dipakai di belakang piksel transparan, mis. #FFFFFF.
Format ini hanya memuat satu gambar. Pilih keluaran GIF atau WebP jika Anda ingin mempertahankan animasi.
Ikon multi-ukuran berisi beberapa resolusi dalam satu file; peramban dan sistem operasi memilih yang dibutuhkan.
Pertahankan dimensi asli, atau masukkan satu sisi dan rasio aspek akan dipertahankan.
Piksel untuk sisi yang Anda pilih di atas.
Persentase dari dimensi asli.
sRGB tepat untuk layar dan web. Pertahankan aslinya untuk alur kerja cetak; skala abu-abu membuang warna.
Hanya metadata, 0 mempertahankan nilai asli. Printer dan sebagian portal membaca angka ini; dimensi piksel tidak berubah.
Cara menggunakan alat ini
- 1
Unggah file PSD
Pilih satu atau beberapa file .psd, hingga 20 file per batch dan maksimal 95 MB per file.
- 2
Tekan Konversi ke SVG
Desain yang terlihat diratakan sesuai ukuran kanvas lalu disematkan ke dokumen SVG. Tidak ada penggeser kualitas karena bitmap di dalamnya disimpan tanpa kehilangan kualitas (lossless).
- 3
Buka hasilnya
Seret file .svg ke browser, Figma, atau Inkscape. Tampilannya sama dengan PSD, dan jika diperbesar jauh akan terlihat piksel, yang memang wajar.
PSD ke SVG: apa yang sebenarnya ditulis konverter
PSD adalah tumpukan layer: layer piksel dari foto dan kuas, adjustment layer yang mengubah piksel di bawahnya, type layer, smart object, dan shape layer, yang disimpan Photoshop sebagai path vektor sejak versi 6.0 pada tahun 2000. Photoshop sendiri dirilis pada Februari 1990, dan format PSD masih menyimpan komposit rata dari tumpukan yang terlihat agar program lain bisa menampilkan desain tanpa memahami setiap jenis layer.
Konverter ini memakai desain yang sudah diratakan itu. Layer yang terlihat dirender menjadi satu gambar seukuran kanvas, lalu ditulis ke dokumen SVG yang isinya hanya gambar tersebut. SVG memiliki lebar, tinggi, dan transparansi yang tepat, sehingga bisa langsung dipasang di halaman atau tata letak seperti aslinya. Yang tidak dimilikinya adalah satu pun shape yang bisa diedit: setiap tepi, termasuk tepi shape layer, berupa piksel. Efek, mask, dan blend mode tidak punya padanan satu-satu di SVG, jadi hasil render inilah keluaran yang jujur.
- Lebar atau tinggi maksimum sebuah PSD
- 30.000 px
- Batas ukuran file PSD (desain lebih besar memakai PSB)
- 2 GB
- PSD terbesar yang diterima konverter ini
- 95 MB
- File PSD per batch
- 20
PSD
Dokumen Adobe Photoshop
PSD adalah format file asli Adobe Photoshop yang digunakan sejak 1990. Format ini menyimpan layer, mask, adjustment layer, teks, smart object, channel, dan profil warna sehingga desain dapat diedit ulang kemudian tanpa kehilangan apa pun. Ukuran filenya sering kali sangat besar, dan ketepatan penuh memerlukan Photoshop; editor lain seperti GIMP, Photopea, dan Affinity membuka PSD dengan akurasi yang beragam. Browser, ponsel, dan sebagian besar formulir unggahan tidak dapat menampilkan PSD secara langsung.
- Kompresi
- Lossless
- Transparansi
- Ya
- Animasi
- Tidak
- Diperkenalkan
- 1990 · Adobe
SVG
Scalable Vector Graphics
SVG adalah format vektor berbasis XML yang distandardisasi oleh W3C pada 2001. Alih-alih piksel, format ini menggambarkan bentuk, path, dan teks, sehingga tetap tajam di ukuran berapa pun dan biasanya sangat kecil untuk logo dan ikon. SVG mendukung transparansi, gaya CSS, skrip, dan animasi, dan setiap browser merendernya secara native. SVG tidak cocok untuk foto, dan ilustrasi yang kompleks bisa menjadi lambat dirender. Illustrator, Inkscape, Figma, dan browser dapat membuka serta mengeditnya.
- Kompresi
- –
- Transparansi
- Ya
- Animasi
- Ya
- Diperkenalkan
- 2001 · W3C
Orang mencari cara mengubah PSD ke SVG ketika web builder, platform template, atau mesin pemotong meminta SVG sementara desainnya hanya ada sebagai file Photoshop; yang mereka dapatkan adalah karya yang diratakan di dalam wadah SVG.
Shape layer, smart object, dan piksel dalam PSD
MitosMenyimpan sebagai .svg membuat desain apa pun bisa diperbesar tanpa pecah.
FaktaKemampuan diperbesar berasal dari path. SVG yang berisi bitmap akan melembut melewati ukuran pikselnya, sama seperti PNG.
MitosLogo yang digambar dengan shape Photoshop otomatis berubah menjadi vektor.
FaktaAlat ini meratakan lebih dulu, jadi shape tiba sebagai piksel. Shape vektor harus diekspor atau di-trace.
MitosSmart object mempertahankan konten vektor yang ditautkan.
FaktaFile Illustrator yang ditempatkan dirender sesuai ukuran tampilannya di kanvas, lalu diratakan bersama elemen lain.
Mendapatkan path vektor sungguhan dari desain Photoshop
Untuk logo, ikon, atau lettering yang harus tetap tajam di ukuran berapa pun, tracing adalah langkah yang Anda perlukan. Ubah PSD menjadi PNG transparan dengan PSD ke PNG, lalu proses dengan konverter gambar ke SVG, yang mengikuti tepi gambar dan menulis path sungguhan. Tracing cocok untuk warna datar dan garis luar yang bersih; foto akan berubah menjadi ribuan shape kecil. Panduan kami tentang cara mengubah PNG ke SVG membahas pengaturan yang menjaga lengkungan tetap halus.
Jika karya vektor aslinya ada di Illustrator, Affinity Designer, atau Figma, mintalah file tersebut sebelum melakukan tracing pada salinan yang sudah diratakan.
Pertanyaan seputar PSD ke SVG
Apakah shape layer Photoshop berubah menjadi path SVG yang bisa diedit setelah konversi PSD ke SVG?
Tidak dengan konverter ini. Shape layer memang berupa vektor di dalam Photoshop, tetapi PSD diratakan menjadi satu bitmap sebelum ditulis ke SVG, sehingga setiap layer, termasuk shape, tiba sebagai piksel. Untuk mempertahankan path, ekspor shape dari editor vektor, atau lakukan tracing pada hasilnya.
Mengapa SVG dari PSD hampir sebesar PNG dengan desain yang sama?
Karena SVG tersebut pada dasarnya adalah PNG. Bitmap disimpan sebagai teks terenkode di dalam SVG, yang menambah ukurannya sekitar sepertiga. Logo vektor sungguhan hanya berukuran beberapa kilobyte.
Bisakah SVG hasil konversi PSD dikirim ke Cricut atau mesin laser cutting?
File akan terimpor, tetapi tidak ada yang bisa dipotong. Mesin pemotong mengikuti garis luar path, sedangkan bitmap yang dibungkus tidak punya path, sehingga Design Space dan software laser hanya melihat gambar datar. Lakukan tracing logo dengan konverter gambar ke SVG untuk mendapatkan garis potong.
Apakah teks dari type layer Photoshop tetap berupa teks di SVG?
Tidak. Type layer dirender dengan fontnya lalu diratakan seperti elemen lain, sehingga kata-katanya tidak bisa dicari, dipilih, atau diketik ulang. Buat ulang teks yang bisa diedit di editor SVG dengan font yang sama.
Kapan SVG pembungkus bitmap dari Photoshop benar-benar berguna?
Saat sebuah sistem mewajibkan ekstensi .svg tetapi hanya menampilkan file tersebut, seperti pada beberapa theme builder dan platform template. File ini juga bisa menjadi pengganti sementara sampai karya vektor yang sebenarnya tersedia.
Apakah kanvas PSD yang lebih besar menghasilkan SVG yang lebih tajam?
Ya. SVG mempertahankan dimensi kanvas, jadi PSD 4000 px tetap tajam pada ukuran tampilan yang lebih besar dibandingkan PSD 1000 px. Melewati ukuran aslinya, gambar yang disematkan akan melembut seperti bitmap lainnya.
| PSD ke PNG | PSD ke JPG | PSD ke PDF |
| PNG ke SVG | EPS ke SVG | Gambar ke SVG |