Geometrize: görseli geometrik SVG şekilleriyle dışa aktarın

Geometrize, mevcut bir görüntüyü, yerleştirilmiş geometrik şekillerden oluşturulmuş SVG sanat eserine dönüştürebilir. Bu yaklaşım istediğiniz etkiyi sağladığında bunu seçin. Üst üste binen dikdörtgenlerden yapılan bir SVG, kaynağı bir çerçeve, bir üçgen ve ayrı bir vurgu nesnesi olarak yeniden yapılandırmadan gerçek vektör geometrisi olabilir.

Resmi Geometrize web demosu kendi görselinizi açmanıza, şekil türlerini seçmenize, şekil sınırını kontrol etmenize ve bir SVG kaydetmenize olanak tanır. Bu izlenecek yol, geometriyi kaydetmek ile anlamlı tasarım nesnelerini kurtarmak arasındaki farkı göstermek için kasıtlı olarak küçük, yalnızca dikdörtgenden oluşan bir çalışma kullanır.

Kendi görselinizle deneyin

Aracın tamamını açın

PNGJPGWEBPPNGSVGGörselinizi buraya bırakınveya tıklayın · yapıştırın ⌘VGörsel SeçGörseli kontrol etmek için bırakın

Denemesi ücretsiz. Vektörünüzün önizlemesini görmek için bir görsel bırakın, üyelik gerekmez.

Geometrik yaklaşımın görüntüye uyup uymadığına karar verin

Geometrik bir ilkel, dikdörtgen, elips veya üçgen gibi basit bir şekildir. Geometrize'nin proje sayfası bu şekillerle görüntülerin yeniden oluşturulmasını açıklar. Web demosu, kaynağa uygun olanları seçerek aday şekilleri defalarca denediğini ve değiştirdiğini açıklıyor.

Bu süreç kasıtlı geometrik sanata uygundur. Bu, bir logonun tam siluetini korumaktan veya hassas düzenlemeler için harfleri yeniden oluşturmaktan farklı bir amaçtır. Başlamadan önce, parçaların stilize edilmiş bir düzenlemesinin yararlı olup olmadığına veya orijinali yakından takip eden konturlara ihtiyacınız olup olmadığına karar verin.

İzin verilen bir raster görüntüye, saklanan bir orijinale, bir web tarayıcısına ve SVG'yi kaydedecek bir yere ihtiyacınız var. İlk çalıştırmada önemli bölgelerini tanıyabileceğiniz küçük bir resim kullanın. Kaynağı ayrı olarak açık tutun, böylece gelişen yaklaşım tek referansınız haline gelmez.

Yöntem: 8, 2026 Kasım ayında, orijinal 384 × 256 RGB geometrik kontrolümüzü tarayıcı demosunda açtık. Opak beyaz bir arka planı, lacivert bir çerçevesi ve küçük işaretleri, deniz mavisi bir üçgeni ve altın rengi bir dikdörtgeni vardı. Yalnızca dikdörtgenleri seçtik ve sınırlı bir örnek için 20 sınırını belirledik. Aracın varsayılan, maksimum veya önerilen kalite ayarı değil, seçtiğimiz test sınırı yirmiydi. Bir fotoğrafı, daha büyük şekil sayısını, yerel editör içe aktarımını veya fiziksel çıktıyı test etmedik.

Kaynağınızı açın ve sınırlı bir dikdörtgen örneği çalıştırın

Demo, ulaştığınızda zaten kendi örneği üzerinde çalışıyor olabilir. Kendi görüntünüzü ayarlamadan önce bu örneği duraklatın, böylece sağlanan örneği testinizden ayırt edebilirsiniz.

1. Demo çalışıyorsa Duraklat'ı seçin ve ardından Ayarlar'ı genişletin.
2. Bu küçük örnek için Maksimum Şekil Sınırı'nı 20 olarak ayarlayın.
3. Resmi Aç'ı seçin ve izin verilen kaynağınızı seçin. Kanvasın resminize göre değiştiğini onaylayın.
4. Ayarlar'da Dikdörtgenler'i seçin ve diğer şekil türlerinin işaretini kaldırın. Başlangıç ​​seçimimiz, temizlediğimiz Döndürülmüş Elipslerdi.
5. Bu karşılaştırma için kalan değerleri sabit tutun. Şekil Opaklığını kullandık 128, Başlangıç ​​Arka Plan Opaklığı 255, Adım Başına Rastgele Şekiller 50 ve Adım Başına Şekil Mutasyonları 100.
6. Çalıştır'ı seçin. Testimizde, Eklenen Şekiller 20'ye ulaştı ve sınırlı süreç durdurulduktan sonra kontrol Çalıştır'a geri döndü.
7. Svg'yi Kaydet'i seçin, indirilen dosyayı saklayın ve resmini kaynakla karşılaştırın.

Demo açıklamasında Çalıştır/Duraklat, Adım, Görüntüyü Aç, Sıfırla ve kaydetme seçeneklerini açıklar. Adım, süreci artımlı olarak incelemek istediğinizde bir temel öğe ekler. Sıfırla geçerli şekilleri temizler, böylece yeniden başlamadan önce saklamak istediğiniz sonucu kaydedin.

Kanvas hala sağlanan örneği gösteriyorsa sonucu değerlendirmeden önce kaynağınızı durdurun ve yeniden açın. Yeni bir çalıştırma, korumak istediğiniz sürümü değiştirirse Sıfırlamanın önceki uyumu geri yükleyeceğini varsaymak yerine kayıtlı SVG'ye ve orijinal görüntüye dönün.

Kaydedilen şekil sayısını doğru okuyun

İndirdiğimiz dosya 2,292 bayttı ve genişliği 384 ve yüksekliği 256 olarak bildirildi. XML incelemesi 20 <rect> öğeleri buldu ve <image> öğesi bulunamadı. Bir dikdörtgenin kendisi vektör geometrisidir; vektör şekli olarak sayılması için <path> olarak serileştirilmesine gerek yoktur. SVG temel şekiller spesifikasyonu dikdörtgen öğesini tanımlar.

Bu 20 dikdörtgenden biri opak arka plandı. Diğer 19'un fill-opacity yaklaşık olarak 0.502 idi. Bu nedenle sayım, 20 ayrı ön plan tasarım nesnesi anlamına gelmediği gibi, orijinaldeki her bölge için bir dikdörtgen anlamına da gelmiyordu.

Gerçek tuval bu ayrımın neden önemli olduğunu gösteriyor. Birkaç dikdörtgen üst üste gelerek lacivert çerçeveyi çağrıştırıyor ve basamaklı parçalar deniz mavisi üçgene yaklaşıyor. Kaynağın beyaz arka planı ve iç açıklığı bu uygun kompozisyonla temsil ediliyor. Daha sonra tek bir dikdörtgenin seçilmesi, görsel olarak tanıdığınız çerçevenin tamamının seçilmesi anlamına gelmez.

Dolgu opaklığı, bir şeklin içindeki boyanın ne kadar opak olduğunu kontrol eder. Kısmen şeffaf şekillerde üst üste gelme görünür renge katkıda bulunur; bir dikdörtgenin depolanan dolgusu tek başına son bileşiğin her pikselini tanımlamaz. SVG boyama spesifikasyonu bu boyama özelliğini tanımlar.

Dosya yapısını görsel stilden ayrı tutun

Tutulan SVG ayrıca dikdörtgen öğelerin arasında gerçek parantezleri ve virgülleri de içeriyordu. İndirilen dosyayı değiştirmeden tuttuk. Bu kılavuz, seçtiğiniz düzenleyicinin bu serileştirme işlemini nasıl gerçekleştireceğini kanıtlamaz; bu nedenle, ona güvenmeden önce, kaydedilen gerçek dosyayı amaçlanan hedefte kontrol edin.

Bir sonraki kontrol için SVG'nizin bir kopyasını açın, oluşturulduğunu onaylayın ve şekillerinin nasıl seçilebileceğini inceleyin. Alıcı bir uygulama bunu reddederse veya beklenmeyen içerik görüntülerse orijinal dışa aktarmayı koruyun ve dosyayı kullanmadan önce söz konusu içe aktarmayı tanılayın. Çalışan bir tarayıcı tuvali tek başına dışa aktarılan bir belgenin başka bir uygulamanın gereksinimlerini karşıladığını kanıtlamaz.

Daha yüksek bir şekil sayısının orijinal nesnenin yapısını kurtaracağını varsaymayın. Daha büyük sayım karşılaştırması yapmadık. Başka bir kapak veya şekil türünü keşfederseniz, her sonucu ayrı ayrı kaydedin ve o görüntüdeki görsel efekt ve düzenleme ihtiyaçlarını değerlendirin.

Kutu SVG izleme ve geometri kılavuzumuz aynı tasarım seçimini düzenleyici bağlamında açıklar. Fotoğraf kaynakları için fotoğraftan SVG'ye beklentiler, taramanın mı korunacağına yoksa stilize edilmiş bir sonucun mu seçileceğine karar vermenize yardımcı olur.

Konturlar geometrik sanattan daha kullanışlı olduğunda

PerfectVector, amacınız kasıtlı bir dikdörtgen kompozisyonu yerine, orijinalle karşılaştırarak inceleyebileceğiniz otomatik bir görüntüden vektöre izleme olduğunda bir alternatiftir. Kaynağınızla birlikte görüntüden vektöre dönüştürme sayfasını kullanın, ardından önemli silueti, iç açıklıkları ve ayrı renk bölgelerini kontrol edin. Bu test referansında PerfectVector dönüşümü çalıştırmadık veya çıktısını Geometrize ile karşılaştırmadık.

PerfectVector'ın ürün bilgileri, kilidi açtıktan sonra düzenleme ve dışa aktarma ile ücretsiz, salt görüntülenebilir bir önizlemeyi açıklar. Geometrik tedavi istediğiniz sanat eseriyse, o yaratıcı seçimde kalın. Kesin yapıya veya belirli nesne sınırlarına ihtiyacınız varsa, manuel çizim, otomatik rotalardan daha uygun olabilir.

Hayatta kalması gereken özellikleri not etmek için izleme kalitesi kontrol listesini kullanın. Kabul edilen dosya, ister geometrik bir çizimin düzenlenmesi, ister tanınabilir bir konturun iyileştirilmesi olsun, bir sonraki görevi desteklemelidir.

SSS

Geometrize mevcut bir görüntüden SVG'yi dışa aktarıyor mu? Evet. Web demosu, Görüntüyü Aç ve Svg'yi Kaydet kontrollerini sağlar. Gerçek tarayıcı çalıştırmamız, yüklenen kontrolden dikdörtgen geometri içeren bir SVG kaydetti.

20 şekil, 20 ön plan nesnesi anlamına mı geliyor? Hayır. Kaydedilmiş 20-dikdörtgen dosyamızda, bir dikdörtgen arka plandı ve diğerleri resme yaklaşık olarak örtüşecek şekilde üst üste biniyordu. Bu sayım, kaynağın anlamlı nesnelerini yeniden yapılandırmadı.

Varsayılan veya maksimum şekil sayısı 20 miydi? Hayır. Bu sınırlı örnek için bilinçli olarak 20'yi seçtik. Aracın kapasitesini test etmedik veya kalitesini daha büyük sayımlarda karşılaştırmadık.

Geometrik SVG, dosyanın kolay düzenlenmesini veya kesilmesini garanti eder mi? Hayır. Alıcı uygulamadaki yapısını inceleyin. Bu test, gerçek tarayıcı sonucunda durduruldu ve SVG'yi kaydetti; yerel düzenleyicinin içe aktarılması, düzenlenmesi ve kesilmesi test edilmedi.

Kaynaklar

1. Geometrize — Proje ana sayfası — Amaçlanan görüntüden geometrik-ilkellere dönüştürme yaklaşımı.
2. Sam Twidale — Geometrize web demosu — Burada kullanılan gerçek kaynak görüntüsü, ayarlar, çalıştırma ve SVG kaydetme kontrolleri.
3. W3C — SVG 2 temel şekiller — Dikdörtgen öğeler vektör geometrisidir.
4. W3C — SVG 2 dolgu opaklığı — Opaklığın bir şeklin iç boyasına nasıl uygulandığı.
5. PerfectVector — Ürün gerçekleri — Önizleme ve kilidi açılmış düzenleme/dışa aktarma iş akışı.

PerfectVector'da kendi görüntünüzle ücretsiz başlayın, ardından hangi geometrinin işinize uygun olduğuna karar vermeden önce dış hatlarını ve en küçük önemli açıklığını inceleyin.