Bu sayfanın kodu başlamadı.

index.html dosyasını doğrudan bir klasörden açmak JavaScript modüllerini engeller, bu yüzden bir görsel seçildiğinde hiçbir şey olmaz. Klasörü bunun yerine http üzerinden sunun:

powershell -ExecutionPolicy Bypass -File serve.ps1

Ardından http://localhost:8080/ adresini açın.

Görselden SVG'ye — bir logoyu, şablonu ya da silüeti eğrilere çevirin

Bir şekil, bir dış çizgi. Orada olmaması gerekeni gösterin, yeter.

Dil: Türkçe
Kaynak kodu görüntüle
görselleriniz asla yüklenmez. Sunucu yoktur.

Görseli diskinizden kendi tarayıcınız okur; src/mask.js onu piksel başına bir bite indirir, src/contour.js şeklin kenarını dolaşır ve src/fit.js üzerine eğriler oturtur — okuyabileceğiniz altı yüz kadar satır; arkasında bir motor yok ve çalıştırmak için indirilen hiçbir şey yok. Bu aracın hiçbir türde ağ özelliği yoktur: getirecek bir şey yok, gönderecek bir şey yok ve olsaydı bile bu sayfanın öbür ucunda bir çizimin gönderilebileceği bir sunucu yok.

Canlı kontrol: kontrol ediliyor…

Çevrimdışı: kontrol ediliyor…

Bize güvenmek zorunda değilsiniz: geliştirici araçlarını açın, Ağ sekmesini izleyin ve bir şeyi çevirin. Tek bir istek bile bir görsel, bir küçük resim, bir dosya adı ya da seçtiğiniz şeyden tek bir bayt taşımıyor. Ya da internet bağlantısını kesip yine de bir tanesini çevirin.

1 Görseli seçin

2 Şeklin ne olduğunu söyleyin

Çevirme, piksel başına bir bit ister — içeride ya da dışarıda. Buna karar vermenin iki yolu var ve farklı görsellere uyarlar. Beyaz kâğıt üzerindeki bir çizim açık ve koyu ile ayrılır. Bir nesnenin fotoğrafı ayrılmaz: koyu gri taş üzerindeki koyu kırmızı bir heykel, koyu üstüne koyudur ve hiçbir parlaklık ikisini ayırmaz. O, görselin kenarlarından arka planın ne olduğunu çıkaran ve ondan olmayan her şeyi tutan özneyi ister.

3 Dış çizgiyi kontrol edin ve yanlış yaptığını düzeltin

Kırmızı çizgi, dış çizginin şu anki hali; geldiği piksellerin üstüne çizilmiş — sorunun karara bağlanabileceği tek yer, çünkü bir dış çizgi o piksellere göre doğru ya da yanlıştır, başka hiçbir şeye göre değil. İki görselden birini sürükleyin, ikisi birden kayar; yakınlaştırmak için tekerleği çevirin ve orada olmaması gereken her şeye tıklayın. Bir tıklama o rengin tüm lekesini alır; yani bir pikseli değil, bir şekli gösteriyorsunuz. Geri koymak için yeniden tıklayın.

Şekil başına hesapla Çizginin piksellerden ne kadar uzaklaşabileceği. Yaklaşık birin altında hiçbir şey yapmaz, çünkü merdivenin bir basamağı ait olduğu çizgiden tam bir piksel uzaktadır; yaklaşık ikinin üstünde ise gerçek eğrileri yemeye başlar.

Köşe keskinliği Bir dönüşün eğriye yuvarlanmak yerine köşe olarak kalması için dış çizginin ne kadar dönmesi gerektiği. Fazla düşükse her titreme köşe olur ve bir daire çokgen olarak geri gelir.

Görsel

SVG

Çizgi ne kadar yumuşak olmalı

Piksel merdiveninin nasıl eğriye dönüşeceğine iki sayı karar verir. Çoğu görselde ikisine de dokunmak gerekmez; gerektiğinde ikisini de bilmekte yarar var.

4 SVG'yi alın

Markdown olarak görüntüle

Bir görsel, yüklenmeden nasıl SVG'ye çevrilir

  1. Görseli seçin. Bir logo, bir şablon, bir imza, bir kaşe, taranmış bir çizim, bir silüet. İçinde belirgin bir şekil olan her şey temiz çevrilir; bir odanın fotoğrafı çevrilmez ve bunun için sonda bir sürpriz yerine aşağıda dürüst bir uyarı var. Dosya doğrudan diskinizden okunur ve bu sırada hiçbir yere hiçbir şey gönderilmez.
  2. Şeklin ne olduğunu söyleyin. Kâğıt üzerindeki bir çizim açık ve koyu ile ayrılır ve seviye sizin için hesaplanır. Bir nesnenin fotoğrafı ayrılmaz — koyu gri taş üzerindeki koyu kırmızı bir heykel, koyu üstüne koyudur ve hiçbir parlaklık ikisini ayırmaz. O, görselin kenarı boyunca uzanan bir şeritten arka planın ne olduğunu öğrenen ve ondan olmayan her şeyi tutan özneyi ister.
  3. Ayarlara değil, kırmızı çizgiye bakın. Dış çizgi, geldiği piksellerin üstüne çizilir; çünkü sorunun karara bağlanabileceği tek yer orasıdır: bir dış çizgi o piksellere göre doğru ya da yanlıştır, başka hiçbir şeye göre değil. İki görselden birini sürükleyin, ikisi birden kayar; çizginin gerçekte ne yaptığını görecek kadar yakınlaştırmak için tekerleği çevirin.
  4. Orada olmaması gerekeni tıklayıp çıkarın. Bir benek, bir zımba teli, bir kaşe, bir alt yazı, bir gölge. Bir tıklama tek bir piksel değil, o rengin tüm lekesini alır; yani bir şekli gösteriyorsunuz. Geri koymak için yeniden tıklayın. Çevrili bir arka plan parçasına tıklamak ise onu doldurur; delik olmaması gereken bir delik böyle kapanır.
  5. Yumuşatmayı yalnızca gerekirse ayarlayın. Ayrıntı, çizginin sadeleştirilirken piksellerden ne kadar uzaklaşabileceğidir ve siz aksini söylemedikçe şekil başına hesaplanır. Köşe keskinliği, bir dönüşün yuvarlanmak yerine köşe olarak kalması için dış çizginin ne kadar dönmesi gerektiğine karar verir. Çoğu görselde ikisine de dokunmak gerekmez.
  6. SVG'yi alın. Tek dosya, tek <path>, dert edilecek doldurma kuralı yok: dış çizgiler bir yöne, delikler öbür yöne döner ve kırk delikli bir şekli tek bir öğe yapan da budur. Illustrator'da, Inkscape'te, Figma'da, bir tarayıcıda ve bir kesim makinesinde açılır.

Uzun sürüm

Bir görsel SVG'ye nasıl çevrilir Bir logoyu, şablonu, imzayı ya da silüeti tarayıcınızda gerçek bir vektör dış çizgisine dönüştürün. Hangi görseller iyi çevrilir, hangileri asla çevrilmez ve çeviricinin yanlış yaptığı kısımlar nasıl düzeltilir.

Sorular

Görselim bir yere yükleniyor mu?

Hayır. Dosya kendi donanımınızda kendi tarayıcınız tarafından okunur, bu kaynaktan sunulan birkaç yüz satır JavaScript tarafından çevrilir ve bir indirme olarak geri verilir. Bu aracın hiçbir türde ağ özelliği yoktur — hiçbir zaman bir şey getirmez, hiçbir zaman bir şey göndermez — ve sayfanın Content-Security-Policy'si bağlanabileceği her adresi sayar; hiçbiri bu siteye ait değildir.

Fotoğrafımı SVG'ye çevirir mi?

İşe yarar biçimde çevirmez ve sayfa bunu indirdikten sonra keşfetmenize bırakmak yerine söyler. Çevirme, benzer renkteki her lekeyi kendi başına bir şekle dönüştürür; bu yüzden bir fotoğraf binlerce üst üste binmiş leke ve JPEG'den kat kat büyük, yavaş açılan ve fotoğrafa benzemeyen bir dosya olarak döner. İyi çevrilen, içinde bir şekil olan görseldir: bir logo, bir şablon, bir imza, bir çizgi çizim, bir silüet. Tek bir nesnenin fotoğrafı içinse özne ayarı onu tek bir dolu silüet olarak keser; bu farklı bir iştir ve gerçekten işe yarar.

Şekli bulmanın iki yolu arasındaki fark ne?

Sordukları soru. Açık ve koyu, her pikselin bir seviyeden koyu olup olmadığını sorar; bu, kâğıt üzerindeki mürekkep için tam doğru, özne ile arka plan eşit koyulukta olduğunda ise işe yaramaz. Özne ise arka planın ne olduğunu sorar — bunu görselin kenarı boyunca uzanan bir şeritten öğrenir, her pikseli ona göre ölçer ve ondan olmayan en büyük şeyi tutar. Bu, az çok düz bir arka plan önündeki bir nesnenin fotoğrafında işe yarar; öznenin üç kenardan taştığı kadar sıkı kırpılmış bir görselde ise başarısız olur, çünkü öğrendiği kenarlar o zaman öznenin kendisidir. Böyle olduğunda arka planı kendiniz gösterebilirsiniz.

Çevrilen şekilde neden delikler var ya da ince kısımlar neden kayboluyor?

Çünkü görsel piksel başına bir bite indiği anda öyleydi. Görmek için çeviricinin aldığını açın: on iki piksel kadarın altında bir harfin gözü çoktan dolmuş, dikey çizgileri çoktan birleşmiştir ve hiçbir çevirme, orada olmayan bir deliği geri getiremez. Çareler daha öncede — eşiği kaydırın ya da daha büyük bir taramadan başlayın. Özne kipinde şu kadara kadar boşlukları kapat küçük delikleri kapatır; içini tamamen doldur ise arka planın görselin kenarından ulaşamadığı her deliği kapatır.

Yanlış yaptığı kısımları düzeltebilir miyim?

Evet; üçüncü adımın çoğu bunun için. Çizimde olmaması gereken herhangi bir şeye tıklayın, kaybolur; yeniden tıklayın, geri gelir. Bir tıklama o rengin tüm lekesini alır; bu yüzden tek tıklama bir pikseli değil, koca bir beneği ya da koca bir kaşeyi kaldırır. Çevrili bir arka plan parçasına tıklamak onu doldurur. Düzeltmeler eşikten ayrı tutulur; dolayısıyla sonradan kaydırıcıyı oynatmak onları atmaz.

SVG ne kadar büyük olur?

Bir şekil için görselden küçük: çevrilmiş bir silüet genellikle bir ila beş kilobayttır, bir logo birkaç kilobayt daha fazla. Sayfa indirmenin yanında tam sayıyı söyler. Bir fotoğraf içinse devasa olur; bu da o dosya için yanlış aracın bu olduğunun en açık işaretidir — ve yaklaşık bin ayrı şekilden sonra sayfa çizmeyi bırakıp bunu söyler.

Renkli çevirir mi?

Hayır. Bu araç tek renkte tek şekil yapar ki kötü bir fotokopi yerine bir çizim olarak çıkan durum budur. Renkli çevirmek, birkaç renge indirgeyip her birini kendi katmanı olarak çevirmek demektir ve sonuç, bunu isteyenlerin çoğunu hayal kırıklığına uğratır. Renk gerekiyorsa şekli burada çevirin ve çizim programınızda doldurun.

Sonrasında SVG ile ne yapabilirim?

Bulanıklaşmadan istediğiniz boyuta büyütün, tek bir öznitelikle rengini değiştirin, canlandırın, yazdırın ya da bir kesim makinesine veya lazere gönderin. Yanlış ayarlanacak doldurma kuralı olmayan tek bir <path>; dolayısıyla Illustrator, Inkscape, Figma, bir tarayıcı ve çoğu CNC yazılımı onu aynı biçimde okur.

Görsel boyutunda bir sınır var mı?

Makinenizin sınırı var, bizim değil. 300 dpi'de taranmış bir A4 sayfası — yaklaşık dokuz megapiksel — saniyenin bir kesrinde çevrilir. Daha büyük görseller de çalışır; yalnızca daha uzun sürer ve iş bir yerlerdeki bir kuyrukta değil, kendi işlemcinizde olur.

Ücretsiz mi, hesap gerekiyor mu?

Ücretsiz; hesap, giriş, deneme süresi ya da filigran yok. Dosya sayısında ya da boyutunda da sınır yok, çünkü bunların bedelini ödeyen bir sunucu yok — iş kendi makinenizde olur. Sitede reklam var ve masrafı o karşılıyor; reklamlara dosyalarınızla ilgili hiçbir şey verilmez.

Çevrimdışı çalışır mı?

Evet. Sayfayı bir kez yükleyin, sonra interneti kesin; çalışmaya devam eder. Bu aynı zamanda hiçbir şeyin yüklenmediğini kanıtlamanın en basit yolu: görselinizi çevrilmek üzere uzağa gönderen bir araç, kabloyu çektiğiniz anda dururdu.