Cara mengedit file SVG di browser Anda
Diperbarui
Untuk mengedit SVG di browser Anda, buka file tersebut di editor vektor EditItAll. Bentuk ulang jalur dengan pen tool, sesuaikan atau gabungkan bentuk dengan operasi boolean, edit teks, dan ubah warna apa pun. Simpan kembali sebagai SVG atau ekspor PNG pada 2×. Setiap perubahan terjadi di perangkat Anda, tidak ada yang diunggah.
Lakukan sekarang — gratis, di browser Anda
Open the vector editorMengapa mengedit SVG itu sendiri
SVG (Scalable Vector Graphics) menyimpan gambar sebagai bentuk dan jalur: matematika, bukan piksel. Itulah sebabnya logo yang disimpan sebagai SVG tetap setajam silet, baik sebagai favicon maupun baliho raksasa, dan mengapa format ini tepat untuk ikon, logo, dan ilustrasi. Ini juga berarti Anda bisa membuka file dan mengedit bentuk aslinya, bukan sekadar menggeser piksel.
Mengedit sumber SVG hampir selalu lebih baik daripada mengedit PNG hasil ekspor. Pindahkan satu titik jangkar dan kurva tetap mulus; ubah warna isian dan warnanya tetap presisi; ubah skala keseluruhan dan tidak ada yang buram. Untuk melakukan itu, Anda butuh editor yang memahami vektor.
Membuka dan mengedit SVG langkah demi langkah
Editor vektor EditItAll membuka file SVG langsung di browser Anda:
- Buka editor dan muat file
.svgAnda, bisa logo, kumpulan ikon, atau ilustrasi. - Gunakan alat seleksi (V) untuk memindahkan dan mengubah ukuran seluruh objek, serta alat seleksi langsung (A) untuk mengambil titik jangkar satu per satu.
- Ubah warna isian dan garis, edit teks apa pun dengan alat teks (T), dan geser bentuk dengan panduan pintar serta pintasan bergaya Illustrator.
Pekerjaan Anda tersimpan otomatis ke browser selagi Anda bekerja, dan seluruh editor tetap berjalan meski Anda offline setelah halaman termuat, tanda jelas bahwa file Anda tidak dikirim ke mana pun.
Membentuk ulang dan menggabungkan jalur
Kekuatan sesungguhnya ada pada pembentukan ulang jalur. Pen tool (P) menempatkan titik jangkar dengan pegangan bezier, sehingga Anda bisa menggambar ulang kurva, menambah titik pada logo, atau menjiplak bentuk baru dari nol. Pensil tersedia untuk menggambar bebas.
Untuk membangun karya yang lebih kompleks, gabungkan bentuk-bentuk sederhana dengan operasi boolean: Satukan untuk meleburnya, Kurangi Depan untuk melubangi satu bentuk dengan bentuk lain, Irisan untuk menyisakan area yang tumpang tindih saja, dan Kecualikan untuk membuangnya. Operasi ini berjalan di atas mesin geometri aritmetika presisi, sehingga tepi hasilnya tetap bersih alih-alih bergeser beberapa piksel. Begitulah cara Anda mengubah beberapa persegi panjang dan lingkaran menjadi ikon jadi.
Simpan sebagai SVG atau ekspor PNG
Setelah selesai, simpan kembali ke .svg agar file tetap sepenuhnya dapat diedit, atau ekspor PNG pada 2× saat Anda butuh gambar raster untuk web atau dokumen. Jika Anda sudah punya SVG dan hanya ingin PNG, konverter SVG ke PNG khusus melakukannya dalam satu langkah.
Dua batasan yang jujur: editor ini membaca SVG standar, bukan file .ai atau .eps milik Adobe, dan tidak mendukung gradient mesh, isian pola, atau warna CMYK. Namun, untuk mengedit logo, ikon, dan ilustrasi sehari-hari sebagai SVG, semua yang Anda butuhkan berjalan di perangkat Anda. Buka editor vektor untuk mulai.
Siap mencoba?
Gratis, tanpa daftar, dan apa pun yang Anda buka tidak pernah meninggalkan perangkat Anda.
Pertanyaan umum
Apakah file SVG saya diunggah saat saya mengeditnya?+
Tidak. Editor vektor ini berjalan sepenuhnya di browser Anda, sehingga file Anda tidak pernah meninggalkan perangkat Anda. Anda bisa memutus koneksi internet setelah halaman termuat dan tetap mengedit, yang membuktikan bahwa tidak ada yang dikirim ke mana pun.
Apakah alat ini bisa membuka file .ai Adobe Illustrator?+
Tidak. Editor ini membuka SVG standar, bukan file .ai atau .eps milik Adobe. Jika karya Anda ada di Illustrator, ekspor atau simpan dulu sebagai SVG, lalu buka SVG tersebut di sini.
Bisakah saya mengekspor SVG saya sebagai PNG?+
Bisa. Anda dapat mengekspor PNG pada 2× untuk gambar raster yang tajam, atau gunakan konverter SVG ke PNG khusus jika Anda hanya butuh konversi tanpa pengeditan.
Apa yang tidak bisa dilakukan editor ini?+
Editor ini tidak membaca file .ai atau .eps milik Adobe, dan tidak memiliki gradient mesh, isian pola, atau warna CMYK. Untuk logo, ikon, dan ilustrasi sehari-hari dalam bentuk SVG, pen tool, bentuk, operasi boolean, teks, dan layernya sudah cukup untuk menyelesaikan pekerjaan.
Apakah pekerjaan saya akan hilang jika saya me-refresh halaman?+
Tidak. Pekerjaan Anda tersimpan otomatis ke penyimpanan lokal browser saat Anda mengedit, sehingga me-refresh atau menutup tab tidak akan menghapusnya. Data tersimpan itu tetap berada di perangkat Anda.