PerfectVector
Oleh Irene Kim

Geometrize: Ekspor Gambar ke SVG Bentuk Geometris

Gunakan demo browser Geometrize untuk mengubah gambar yang ada menjadi seni SVG geometris, lalu periksa ekspor persegi panjang berbatas dan batasnya sebelum mengedit lebih lanjut.

8 menit baca
Di halaman ini

Geometrize dapat mengubah gambar yang ada menjadi karya seni SVG yang dibuat dari bentuk geometris yang sesuai. Pilihlah ketika perkiraan tersebut adalah efek yang Anda inginkan. SVG yang dibuat dari persegi panjang yang tumpang tindih dapat menjadi geometri vektor nyata tanpa merekonstruksi sumbernya sebagai bingkai, segitiga, dan objek aksen terpisah.

Demo web Geometrize memungkinkan Anda membuka gambar Anda sendiri, memilih jenis bentuk, mengontrol batas bentuk, dan menyimpan SVG. Panduan ini menggunakan proses persegi panjang kecil saja untuk menunjukkan perbedaan antara menyimpan geometri dan memulihkan objek desain yang bermakna.

Coba dengan gambar Anda sendiri
Buka alat lengkap
Gratis dicoba. Letakkan gambar untuk melihat pratinjau vektor Anda, tanpa perlu mendaftar.

Putuskan apakah pendekatan geometris cocok dengan gambar

Primitif geometris adalah bentuk sederhana, seperti persegi panjang, elips, atau segitiga. halaman proyek Geometrize menjelaskan cara merekonstruksi gambar dengan bentuk-bentuk ini. Demo web menjelaskan bahwa ia berulang kali mencoba dan memutasi bentuk kandidat, memilih yang sesuai dengan sumbernya.

Proses itu sesuai dengan seni geometris yang disengaja. Ini adalah tujuan yang berbeda dari mempertahankan siluet logo atau membangun kembali huruf untuk pengeditan yang tepat. Sebelum memulai, putuskan apakah penataan potongan yang bergaya berguna atau apakah Anda memerlukan kontur yang mengikuti aslinya.

Anda memerlukan gambar raster yang diizinkan, gambar asli yang disimpan, browser web, dan tempat untuk menyimpan SVG. Untuk pertama kali dijalankan, gunakan gambar kecil yang wilayah pentingnya dapat Anda kenali. Jaga agar sumber tetap terbuka secara terpisah sehingga perkiraan yang berkembang tidak menjadi satu-satunya referensi Anda.

Metode: Pada tanggal 8 November 2026, kami membuka kontrol geometris 384 × 256 RGB asli di demo browser. Itu memiliki latar belakang putih buram, bingkai biru tua dan tanda kecil, segitiga biru kehijauan dan persegi panjang emas. Kita hanya memilih persegi panjang dan menetapkan batas 20 untuk contoh yang dibatasi. Dua puluh adalah batas pengujian yang kami pilih, bukan pengaturan kualitas default, maksimum, atau yang direkomendasikan alat tersebut. Kami tidak menguji foto, jumlah bentuk yang lebih besar, impor editor asli, atau keluaran fisik.

Buka sumber Anda dan jalankan contoh persegi panjang berbatas

Demo sudah dapat berjalan pada sampelnya sendiri ketika Anda tiba. Jeda sampel tersebut sebelum menyiapkan gambar Anda sendiri, sehingga Anda dapat membedakan contoh yang diberikan dari pengujian Anda.

  1. Pilih Jeda jika demo sedang berjalan, lalu luaskan Pengaturan.
  2. Tetapkan Batas Bentuk Maks ke 20 untuk contoh kecil ini.
  3. Pilih Open Image (Buka Gambar) dan pilih sumber yang diizinkan. Konfirmasikan bahwa kanvas berubah menjadi karya seni Anda.
  4. Di Pengaturan, pilih Persegi Panjang dan hapus tipe bentuk lainnya. Pilihan awal kami adalah Rotated Ellipses, yang kami bersihkan.
  5. Pertahankan nilai yang tersisa tetap untuk perbandingan ini. Kami menggunakan Opasitas Bentuk 128, Opasitas Latar Belakang Awal 255, Bentuk Acak Per Langkah 50 dan Mutasi Bentuk Per Langkah 100.
  6. Pilih Jalankan. Dalam pengujian kami, Bentuk Ditambahkan mencapai 20 dan kontrol kembali ke Jalankan setelah proses yang dibatasi dihentikan.
  7. Pilih Save Svg (Simpan Svg), simpan file yang diunduh, dan bandingkan karya seninya dengan sumbernya.

Penjelasan demo menjelaskan Jalankan/Jeda, Langkah, Buka Gambar, Atur Ulang dan opsi penyimpanannya. Langkah menambahkan satu primitif ketika Anda ingin memeriksa proses secara bertahap. Reset menghapus bentuk saat ini, jadi simpan hasil yang ingin Anda pertahankan sebelum memulai lagi.

Demo web Geometrize aktual yang menampilkan kontrol asli yang diperkirakan dengan persegi panjang yang tumpang tindih, dengan kontrol Jalankan dan Simpan Svg di bawah
Hasil sebenarnya hanya persegi panjang pada batas pilihan kita yaitu 20. Ini adalah perkiraan kontrol, bukan kumpulan objek sumber yang dipulihkan.

Jika kanvas masih menampilkan sampel yang disediakan, hentikan dan buka kembali sumber Anda sebelum menilai hasilnya. Jika proses baru mengubah versi yang ingin Anda pertahankan, kembalilah ke SVG yang disimpan dan gambar asli daripada berasumsi Reset akan mengembalikan versi sebelumnya.

Baca jumlah bentuk yang disimpan dengan benar

File yang kita unduh berukuran 2.292 byte dan dinyatakan memiliki lebar 384 dan tinggi 256. Pemeriksaan XML menemukan 20 elemen <rect> dan tidak ada elemen <image>. Sebuah persegi panjang itu sendiri adalah geometri vektor; ia tidak harus diserialkan sebagai <path> untuk dihitung sebagai bentuk vektor. Spesifikasi bentuk dasar SVG mendefinisikan elemen persegi panjang.

Salah satu dari 20 persegi panjang itu adalah latar belakang buram. 19 lainnya memiliki fill-opacity sekitar 0.502. Oleh karena itu, penghitungan tersebut tidak berarti 20 objek desain latar depan yang berbeda, juga tidak berarti satu persegi panjang untuk setiap wilayah dalam aslinya.

Kanvas sebenarnya menunjukkan mengapa perbedaan itu penting. Beberapa persegi panjang tumpang tindih untuk menunjukkan bingkai biru tua, dan potongan berundak mendekati segitiga teal. Latar belakang putih sumber dan bukaan interior direpresentasikan melalui komposisi yang pas ini. Memilih satu persegi panjang nanti belum tentu memilih seluruh bingkai yang Anda kenali secara visual.

Isi opacity mengontrol seberapa buram cat di dalam suatu bentuk. Dengan bentuk yang sebagian transparan, tumpang tindih berkontribusi pada warna yang terlihat; isi persegi panjang yang disimpan saja tidak menggambarkan setiap piksel dari komposit akhir. Spesifikasi lukisan SVG mendefinisikan properti cat tersebut.

Apa yang kami periksaHasil tersimpan sebenarnyaApa yang ditetapkannya
Geometri keluaran20 elemen persegi panjang, tanpa elemen gambarFile ini berisi bentuk vektor geometris
Latar belakangSatu persegi panjang buram termasuk dalam hitunganTotalnya termasuk latar belakang
Isi lainnyaSekitar 0,502 mengisi opacityKarya seni yang terlihat menggunakan cat tembus pandang yang tumpang tindih
Editor atau pemotong asliTidak diujiTidak ada aplikasi atau penerimaan produksi yang diklaim

Pisahkan struktur file dari gaya visual

SVG yang dipertahankan juga berisi tanda kurung dan koma di antara elemen persegi panjang. Kami membiarkan file yang diunduh tidak berubah. Panduan ini tidak membuktikan bagaimana editor pilihan Anda akan menangani serialisasi tersebut, jadi periksa file sebenarnya yang disimpan di tujuan yang dimaksudkan sebelum bergantung padanya.

Untuk pemeriksaan selanjutnya, buka salinan SVG Anda, konfirmasikan bahwa SVG dirender, dan periksa bagaimana bentuknya dapat dipilih. Jika aplikasi penerima menolaknya atau menampilkan konten yang tidak diharapkan, pertahankan ekspor asli dan diagnosis impor spesifik tersebut sebelum menggunakan file. Kanvas browser yang berfungsi saja tidak membuktikan bahwa dokumen yang diekspor memenuhi persyaratan aplikasi lain.

Jangan berasumsi bahwa jumlah bentuk yang lebih tinggi akan memulihkan struktur objek aslinya. Kami tidak melakukan perbandingan dalam jumlah yang lebih besar. Jika Anda menjelajahi jenis topi atau bentuk lain, simpan setiap hasil secara terpisah dan nilai efek visual serta kebutuhan pengeditan pada gambar tersebut.

Panduan penelusuran dan geometri Boxy SVG kami menjelaskan pilihan desain yang sama dalam konteks editor. Untuk sumber fotografi, ekspektasi foto-ke-SVG membantu memutuskan apakah akan mempertahankan raster atau memilih hasil bergaya.

Ketika kontur lebih berguna daripada seni geometris

PerfectVector adalah alternatif ketika sasaran Anda adalah penelusuran gambar-ke-vektor otomatis yang dapat Anda periksa berdasarkan aslinya, bukan komposisi persegi panjang yang disengaja. Gunakan halaman gambar-ke-vektor dengan sumber Anda, lalu periksa siluet penting, bukaan interior, dan wilayah warna terpisah. Kami tidak menjalankan konversi PerfectVector pada referensi pengujian ini atau membandingkan outputnya dengan Geometrize.

fakta produk PerfectVector menjelaskan pratinjau hanya lihat gratis, dengan pengeditan dan ekspor setelah membuka kunci. Jika perlakuan geometris adalah karya seni yang Anda inginkan, tetaplah pada pilihan kreatif itu. Jika Anda memerlukan konstruksi yang tepat atau batasan objek tertentu, gambar manual mungkin lebih cocok daripada rute otomatis.

Gunakan daftar periksa kualitas jejak untuk menuliskan fitur-fitur yang harus bertahan. File yang diterima harus mendukung tugas berikutnya, apakah tugas tersebut menyusun ilustrasi geometris atau menyempurnakan kontur yang dapat dikenali.

Pertanyaan Umum

Apakah Geometrize mengekspor SVG dari gambar yang ada? Ya. Demo web menyediakan kontrol Buka Gambar dan Simpan Svg. Peramban kami yang sebenarnya dijalankan menyimpan SVG yang berisi geometri persegi panjang dari kontrol yang diunggah.

Apakah 20 bentuk berarti 20 objek latar depan? Tidak. Dalam file 20 persegi panjang yang kami simpan, satu persegi panjang adalah latar belakang dan yang lainnya tumpang tindih untuk memperkirakan gambarnya. Hitungan tersebut tidak merekonstruksi objek-objek bermakna dari sumber tersebut.

Apakah 20 merupakan jumlah bentuk default atau maksimum? Tidak. Kami sengaja memilih 20 untuk contoh terbatas ini. Kami tidak menguji kapasitas alat atau membandingkan kualitas dalam jumlah yang lebih besar.

Apakah SVG geometris menjamin kemudahan pengeditan atau pemotongan file? Tidak. Periksa strukturnya di aplikasi penerima. Tes ini berhenti pada hasil browser sebenarnya dan menyimpan SVG; impor, pengeditan, dan pemotongan editor asli tidak diuji.

Sumber

  1. Geometrize — Beranda proyek — Pendekatan gambar-ke-geometris-primitif yang dimaksudkan.
  2. Sam Twidale — Geometrize demo web — Kontrol gambar sumber, setelan, jalankan, dan simpan SVG sebenarnya yang digunakan di sini.
  3. W3C — Bentuk dasar SVG 2 — Elemen persegi panjang adalah geometri vektor.
  4. W3C — Opacity pengisian SVG 2 — Bagaimana opacity diterapkan pada cat interior suatu bentuk.
  5. PerfectVector — Fakta produk — Pratinjau dan alur kerja pengeditan/ekspor yang terbuka.

Mulai gratis dengan gambar Anda sendiri di PerfectVector, lalu periksa konturnya dan bukaan terkecil yang penting sebelum memutuskan geometri mana yang sesuai dengan pekerjaan Anda.

Lebih banyak dari blog

PerfectVector

Ubah gambar Anda menjadi
path vektor yang rapi dan dapat diedit

Vektorisasi dan periksa pratinjau secara gratis, tanpa batas harian.