Yazardan: SVG görüntüleri, en sevdiğimiz bitmap biçimleri PNG ve JPG kadar yaygın değildir, ancak vektör grafiklerinin faydaları giderek daha fazla tasarımcıyı cezbetmektedir. Tasarımcılar giderek daha fazla kullanıyor vektör grafikleri projelerinde. Daha önce Adobe Illustrator ve Inkscape gibi masaüstü uygulamalarını indirmemiz gerekiyordu ancak 2017'de tarayıcınızdan çıkmadan vektör grafikleri tasarlayabilirsiniz. Ücretsiz bir SVG düzenleyici arıyorsanız, bu altı ücretsiz araçla başlayabilirsiniz.

vektör

vektör – iyi bir seçim yeni başlayanlar ve ileri düzey SVG kullanıcıları için. Arayüz temiz ve kullanmayacağınız birçok araçla karışık değil. Editör, vektör çizimine yeni başlayanlar için çok uygundur. Kullanıcı ne kullandığı belli olmayan araçlar arasında kaybolmamalıdır. Set birkaç ders içerir. SVG ile tam bir sıfır olsanız bile, hızlı bir şekilde öğrenme yeteneğine sahipsiniz.

Ancak, yukarıdakilerin tümü Vectr'in zayıf işlevselliğe sahip olduğu anlamına gelmez. Normal bir görüntü oluşturmak için tüm temel setleri içerir: şekiller, metin, katmanlar, gölgeler, çerçeveler, arka planlar vb. Tam teşekküllü bir masaüstü düzenleyiciyle karşılaştırılamaz, ancak hızlı tasarımlar ve düzenlemeler için fazlasıyla yeterli. Sıfırdan bir resim oluşturabilir veya mevcut bir resmi yükleyebilirsiniz.

Vectr'e karmaşık çizimler yüklerken hatalar (haritalar veya ayrıntılı diyagramlar) oluşabilir. Düzenleyici karmaşık grafikleri her zaman iyi işlemez. Ancak daha basit SVG'ler (simgeler, logolar vb.) için bu düzenleyici yeterli olacaktır.

JavaScript. Hızlı başlangıç

Çevrimiçi sürümde ihtiyacınız olan işlevler yoksa, uygulamanın masaüstü sürümünü indirebilirsiniz. Düzenleyici Windows, Mac, Linux ve Chromebook'lar için kullanılabilir.

Vectr'deki belki de en havalı özellik, görüntüleri doğrudan Vectr sitesinden bağlayıp gömebilmenizdir, bu da onu verimli bir SVG barındırması yapar. Birçok hizmet SVG dosyalarının yüklenmesini engeller, bu nedenle bu büyük bir artıdır. Gösterebilirsin SVG görüntüleri Vectr'den WP, Medium, Tumblr, vb. gibi SVG'nin doğrudan yüklenmesini engelleyen, ancak uzaktan sunulmasına izin veren uzak sitelere.

Vectr paylaşmanıza izin verir vektör grafikleri diğer kullanıcıların oluşturduğunuz grafikleri düzenleyebilmesi için düzenleyici panelinde. Yani, örneğin, kullanıcıların zaten kendileri için sonlandıracakları bir SVG logo şablonu yapabilirsiniz. Bütün bunlar tarayıcıda.

Bu amaçla, Vectr kısa süre önce editörün bir sürümünü şu şekilde yayınladı: WP için eklenti.

RollApp

Listedeki diğer araçlardan farklı olarak, ana sayfa RollApp, editör önünüzde açılmıyor. RollApp bir uygulama paketidir ve SVG düzenleyicisi uygulamalardan yalnızca biridir. Harika bir araç, bu tarayıcı versiyonu Inkscape.

RollApp bir hesap gerektirir. Yeni bir kayıt veya giriş yapabilirsiniz. google'ı kullanmak, Facebook, Amazon. Çok uygun, sadece uygulamayı görmek için binlerce yeni hesap oluşturmaktan nefret ediyorum.

Tüm ihtişamıyla Inkscape! RollApp, şüphesiz listedeki en zengin özelliklere sahip uygulamadır. Tarayıcınızda tam anlamıyla Inkscape kullanıyorsunuz! Her ayrıntıyı karşılaştırmadım, ancak bu uygulama katmanlar, nesneler, metin, yollar, filtreler, efektler, uzantılar vb. TÜM Incscape özelliklerine benziyor.

İşlemler uygulama sunucularında ve İnternet üzerinden gerçekleştirildiği için büyük dosyalar çok hızlı işlenmez. Kısacası - büyük ve karmaşık dosyaları düzenlemeniz gerekiyorsa, RollApp ideal değildir, ancak temel sete dahil olmayan diğer görevler için bu düzenleyici diğerlerinden daha iyidir.

BoxySVG

SitePoint'i uzun süredir okuyorsanız, editöre aşina olmalısınız. BoxySVG, çünkü son 12 ayda bunun hakkında zaten konuştuk. Bu daha önce yapıldığı için ayrıntılı bir inceleme yapmayacağım. Bu makale.

JavaScript. Hızlı başlangıç

Keşfetmek JavaScript temelleriüzerinde pratik örnek bir web uygulaması oluşturma hakkında

Daha da önemlisi, Alex'in incelemesinden bu yana BoxySVG, bir kod denetçisi ekleyerek onu web geliştiricileri için en güncel SVG araçlarından biri haline getirdi.

Janvas

Birkaç yıl önce Janvasçok popüler bir SVG editörüydü. Ne yazık ki, bu editör yakın zamanda geliştirilmedi, ancak buna rağmen hala çalışıyor. Web ilerliyor ve Janvas hareketsiz duruyor, bu yüzden ona olan ilgi azaldı. SitePoint'ten Alex, 2013-14'te (ücretli sürüm dahil) bu araçla biraz çalıştı ve hatta bir süreliğine soruları yanıtladı. google sayfası+. Janvas oldukça güçlü bir araçtı.

Janvas'ın temel sorunu, biraz modası geçmiş olmasıdır. Tarayıcılar gelişiyor ve tarayıcıları takip etmeyen uygulamalar her geçen gün daha az kararlı hale geliyor. Janvas'ın birçok özelliği vardır: şekiller, metin, çizim araçları, yollar, maskeler ve katmanlar. Ancak forumlardaki kullanıcılar bu özelliklerin birçoğunun istenilen sonucu getirmediğini söylüyor.

İyi haberler var - ortaya çıkacak yeni bir versiyon Chrome uygulaması olarak. İnşallah sorunları çözerler.

BeraberlikSVG

Zaten ücretsiz bir çevrimiçi SVG düzenleyici seçmiş olabilirsiniz. Değilse, devam edin. BeraberlikSVG- Birçok özelliğe sahip tam uyumlu SVG editörü. Bu uygulamanın tasarımının gerçekten web için tasarlanmış olmasını ve bir tarayıcı için masaüstü uygulamasının bir bağlantı noktası gibi görünmemesini gerçekten seviyorum. Menü solda bulunur, ikinci seviye menüyü açmak için tıklayın, vb.

DrawSVG ile nesneleri çizebilir, değiştirebilir ve oluşturabilirsiniz. Basit şekiller çizebilirsiniz, Bezier eğrileri, düz ve eğri metinler, birçok kontur ve dolgu stili vb. vardır. Ayrıca SVG, PNG'ye dışa aktarılabilir.

SVG düzenlemesi

SVG düzenlemesi- büyükbaba çevrimiçi editörler vektör grafikleri 2000'lerin ortalarında ortaya çıktı. Sunucu işlevi yoktur, her şey bir tarayıcıda çalışır. Kendi işlevselliğinizi eklemeden çalışmanızı kaydedemezsiniz.

Ancak, hayatı son derece sınırlı ve göze batmayan bir vektör çizim programı olarak başlayan bir editör için SVG-edit işlevi sürekli olarak geliştirildi.

SVG-edit ile basit şekiller (çizgiler, dikdörtgenler, daireler, çokgenler, serbest çizgiler vb.) çizebilir, yolları, katmanları, degradeleri kullanabilir, SVG kaynaklarını görüntüleyebilir ve düzenleyebilir, PNG, JPEG, BMP , WEBP'ye aktarabilirsiniz. , vesaire.

Çözüm

Bu 6 SVG düzenleyicisine ek olarak, başkaları da vardır, ancak çok azı yukarıda gösterilen beşten daha fazla işlevsellik sunar.

SVG konusunda ciddi olmak istiyorsanız ve bu araçlar ihtiyacınız olan işlevselliğe sahip değilse, her zaman Illustrator veya Inkscape gibi bir masaüstü SVG düzenleyicisini indirebilirsiniz. Bununla birlikte, hafiflik, hız ve esneklik için yukarıdaki düzenleyicilerin tümü kullanışlı bir dizi özellik sunar.

not: ayrıca deneyebilirsiniz Figma... Bir SVG editörü değil, daha çok bir UI oluşturucudur. Ancak, harika bir araç setine sahiptir ve iyi optimize edilmiş SVG kodu oluşturur.

Bir grafiği izlemenin en kolay yolu, dosyayı Adobe Illustrator'da açmak veya yerleştirmek ve Görüntü İzleme komutunu kullanarak otomatik olarak izlemektir: Illustrator Yardımı. Görüntü İzleme Aracını Kullanma - CS6

* Daha da kolay):
Yazılım tarafından, sizin tarafınızdan sağlanan görüntü / resim / çizim / fotoğraf - vektörde 1 (!) Euro -> Görüntüden vektöre

=== Çevrimiçi hizmetler ===

• İlki ücretlidir, ancak iki başlangıç ​​resmi ücretsiz olarak yapılabilir.

İngilizce, bunu anlamak kolay olsa da. Kullanmak için iki seçenek - çevrimiçi veya bilgisayar için bir program satın alın. Çevrimiçi kullanım (sınırsız) fiyatı 7,95 $, masaüstü programı 295,00 $ 'dır. Manuel izleme siparişi vermek mümkündür.
Tabii ki, serbest portallarda daha ucuza bulabilirsiniz, peki, herkes için bir seçenek var.

Kesinlik

Yukarıda Vector Magic, Adobe Live Trace (CS6) ve Corel'in bazı karşılaştırma görüntüleri bulunmaktadır.
Corel PowerTRACE (X6). Formların Vector tarafından işlenmesinin doğruluğuna dikkat edin.

Kullanım kolaylığı

Kabul edilebilir bir sonuç elde etmek için çok çeşitli seçenekler ve ayarlar yüklemeniz ve bilmeniz gerekmez.

Sadece birkaç basit soruyu cevaplamanız gerekiyor ve hepsi bu. Sonuç tatmin edici değilse, cevabı kolayca bulabileceğiniz ve sorunu çözebileceğiniz bir "hata kılavuzu" vardır.

Tatmin edici bir sonuç elde edene kadar tekrar tekrar deneyebilirsiniz.

Genel olarak, bu çalışmayı Vector'e kaydırabilir ve daha yaratıcı görevler yapabilirsiniz.

Çeviri ücretsizdir, ancak anlam böyle bir şeydir.

Orijinal resimler JPG formatı, GIF, PNG, BMP ve TIFF. Üç kalite seçeneği ve üç formatla sonuçlanır: EPS, SVG ve PNG. Tamamlandığında, istenen farklı kalitede tekrarlama ve biraz düzenleme mümkündür.

• Daha sonra, tamamen BEDAVA .

Tamamen İngilizce, ancak kullanım açık. Biraz daha kişiselleştirme ve manuel çalışma ama buna değer.

• görüntüleri dönüştürmenize olanak tanır. Bir dosya yükleyebilir veya bir resme bağlantı sağlayabilirsiniz. Dijital efektlerin üst üste bindirilmesi de mümkündür.

Raster görüntüleri (PNG veya JPG) SVG formatına dönüştürürken, şekiller ve nesneler, kalite kaybı olmadan ölçeklenen siyah beyaz vektör grafiklerine dönüştürülür. Bu tür görüntüler kullanılarak renklendirilebilir ücretsiz yazılım vektör görüntüleri (ve diğerleri) ile çalışma hakkında. Fotoğrafçılar çoğu durumda bir bitmap'i SVG formatına dönüştürürken istenen sonucu elde edemezler.

SVG formatına dönüştürüyorsanız, vektör görüntü(örneğin, eps veya ai formatı), dönüştürücü tüm vektör ve renk verilerini korumaya çalışacak ve ayrıca iki dosyanın mümkün olduğunca benzer olmasını sağlayacaktır.

Ölçeklenebilir Vektör Grafikleri (SVG) format dönüştürücü, dosyaları 130'dan fazla formatta dönüştürmenize olanak tanır. Dönüşüm yönergeleri:

3FR - SVG, AFF - SVG, AI - SVG, ANI - SVG, ART - SVG, ARW - SVG, AVI - SVG, AVS - SVG, BMP - SVG, CDR - SVG, CGM - SVG, CIN - SVG, CMYK - SVG, CMYKA - SVG, CR2 - SVG, CRW - SVG, CUR - SVG, CUT - SVG, DCM - SVG, DCR - SVG, DCX - SVG, DDS - SVG, DFONT - SVG, DIA - SVG, DNG - SVG, DPX - SVG, DXF - SVG, EPDF - SVG, EPI - SVG, EPS - SVG, EPSF - SVG, EPSI - SVG, EPT - SVG, EPT2 - SVG, EPT3 - SVG, ERF - SVG, EXR - SVG, FAKS - SVG, FIG - SVG, FITS - SVG, FPX - SVG, FRACTAL - SVG, FTS - SVG, G3 - SVG, GIF - SVG, GIF87 - SVG, GRAY - SVG, GRB - SVG, HDR - SVG, HRZ - SVG, ICB'den SVG'ye, ICO'dan SVG'ye, ICON'dan SVG'ye, IPL'den SVG'ye, JBG'den SVG'ye, JBIG'den SVG'ye, JNG'den SVG'ye, JP2'den SVG'ye, JPC'den SVG'ye, JPE'den SVG'ye, JPEG'den SVG'ye, JPG'den SVG'ye, JPX'den SVG, K25 - SVG, KDC - SVG, M2V - SVG, M4V - SVG, MAT - SVG, MIFF - SVG, MNG - SVG, MONO - SVG, MOV - SVG, MP4 - SVG, MPC - SVG, MPEG - SVG, MPG'den SVG'ye, MR W'den SVG'ye, MSL'den SVG'ye, MSVG'den SVG'ye, MTV'den SVG'ye, MVG'den SVG'ye, NEF'den SVG'ye, NRW'den SVG'ye, ORF'den SVG'ye, OTB'den SVG'ye, OTF'den SVG'ye, PAL'den SVG'ye, PALM'den SVG'ye, PAM'den SVG, PBM'den SVG'ye, PCD'den SVG'ye, PCDS'den SVG'ye, PCL'den SVG'ye, PCT'den SVG'ye, PCX'den SVG'ye, PDB'den SVG'ye, PDF'den SVG'ye, PDFA'dan SVG'ye, PEF'den SVG'ye, PES'den SVG'ye, PFA'dan SVG'ye, PFB'den SVG'ye, PFM'den SVG'ye, PGM'den SVG'ye, PICON'dan SVG'ye, PICT'den SVG'ye, PIX'den SVG'ye, PJPEG'den SVG'ye, PLAZMA'dan SVG'ye, PNG'den SVG'ye, PNG24'ten SVG'ye, PNG32'den SVG'ye, PNG8'den SVG'ye, PNM'den SVG, PPM - SVG, PS - SVG, PSD - SVG, PTIF - SVG, PWP - SVG, RAF - SVG, RAS - SVG, RGB - SVG, RGBA - SVG, RLA - SVG, RLE - SVG, SCT - SVG, SFW - SVG, SGI - SVG, SK - SVG, SK1 - SVG, SR2 - SVG, SRF - SVG, SUN - SVG, SVG - SVG, SVGZ - SVG, TGA - SVG, TIF - SVG, TIFF - SVG, TIM - SVG, TTC'den SVG'ye, TTF'den SVG'ye, TXT'den SVG'ye, VDA'dan SVG'ye, VICAR'dan SVG'ye, VID'den SVG'ye, VIFF'den SVG'ye, VST'den SVG'ye, WBMP'den SVG'ye, WEBP'den SVG'ye, WMF'den SVG'ye, WMZ'den SVG'ye, WPG'den SVG'ye dönüştürücü , X - SVG, X3F - SVG, XAML - SVG, XBM - SVG, XC - SVG, XCF - SVG, XFIG - SVG, XPM - SVG, XV - SVG, XWD - SVG, YCBCR - SVG, YCBCRA - SVG, YUV SVG'de

Autotrace, ImageMagick ve çeşitli linux grafik bileşenleri gibi açık kaynaklı çözümler üzerine kurulmuştur.

Dönüşüm biçimleri:

SVG - Ölçeklenebilir Vektör Grafik dosyaları
AI - Adobe Illustrator dosyaları (postscript tabanlı)
CGM - Bilgisayar Grafikleri Meta Dosyası dosyaları
WMF - Windows Meta Dosyası dosyaları
SK - Eskiz / Skencil dosyaları
PDF - Taşınabilir Belge Formatı
EPS - PostScript
PLT - Plotter dosyalarını kesmek için HPGL

ayrıca: P2E, FIG, EMF, MIF, ER, DXF, EPD, CGM, oDR2D

Bazen bir tarayıcı aracılığıyla svg'yi png'ye kaydetmek gerekli hale gelir. Ne yazık ki, tarayıcıda bunu çeşitli hackler olmadan yapmanıza izin verecek sihirli bir api yok. Hala istediğinizi elde etmek istiyorsanız ne yapmalısınız?

Aklıma ilk gelen fikir, bunu bir toDataURL ("image / png" yöntemine sahip olan canvas üzerinden yapmak oldu;
Bu yüzden basit bir senaryo yazdım: jsfiddle, github:

Var html = document.querySelector ("svg").ParentNode.innerHTML; var imgsrc = "veri: resim / svg + xml; base64," + btoa (html); var canvas = document.querySelector ("tuval"), context = canvas.getContext ("2d"); canvas.setAttribute ("genişlik", 526); canvas.setAttribute ("yükseklik", 233); var image = new Image; image.src = imgsrc; image.onload = function () (context.drawImage (image, 0, 0); var canvasdata = canvas.toDataURL ("image / png"); var a = document.createElement ("a"); a.textContent = " save "; a.download =" export_ "+ Date.now () +" .png "; a.href = canvasdata;document.body.appendChild (a); canvas.parentNode.removeChild (tuval););

Komut dosyasının özü basittir: svg'yi dataUri'ye dönüştürdüm, image ile yükledim, resmi tuval üzerine çizdim ve png'ye çevirdim. Hedefe ulaşılmış gibi görünüyordu ve rahatlayabilirsiniz. Bu yaklaşım Firefox ve Chrome'da işe yaradı, ancak favori tarayıcımız IE'de açtığımda harika bir hatayla karşılaştım:

Mesele şu ki, IE resmin başka bir ana bilgisayardan indirildiğini düşünüyor. Ne yazık ki, dataUri için Origin ayarı çalışmayacak. Aslında, kuralların açıklaması burada bulunabilir: https://html.spec.whatwg.org/multipage/scripting.html#security-with-canvas-elements. Elbette, sunucu üzerinden svg proxy'si yapmak mümkündü ve sonra her şey işe yarayacaktı, ancak tamamen istemci bir çözüm istedim.

Sonra harika canvg kitaplığını hatırladım. Bu kütüphaneyi kullanarak tuval üzerine svg çiziyorum ve ardından ilk seçenekteki gibi ilerliyorum: toDataURL ("image / png") alıyorum. Sonuç çok basit bir koddur: github:

Var svg = document.querySelector ("svg"); var canvas = document.createElement ("tuval"); canvas.height = svg.getAttribute ("yükseklik"); canvas.width = svg.getAttribute ("genişlik"); canvg (tuval, svg.parentNode.innerHTML.trim ()); var dataURL = canvas.toDataURL ("resim / png"); var data = atob (dataURL.substring ("veri: resim / png; base64,". uzunluk)), asArray = new Uint8Array (data.length); for (var i = 0, len = data.length; i< len; ++i) { asArray[i] = data.charCodeAt(i); } var blob = new Blob(, {type: "image/png"}); saveAs(blob, "export_" + Date.now() + ".png");

Kaydet iletişim kutusunu çağırmak için FileSaver kitaplığını da kullandığımı burada belirtmekte fayda var.
Hepsi bu, istenen sonucu elde ettik.

Bir nüansı belirtmekte fayda var - tauChart'ları dışa aktarmak için bir eklenti yazarken svg'yi png'ye kaydetmeyi merak ettim. Svg'deki stiller harici bir dosyadan ayarlandığından, orijinal svg ile mümkün olduğunca fazla benzerlik elde etmek için satır içi stili svg'ye ekliyorum. Ve bu sonucu alıyoruz.

Umarım bu makale sizin için yararlı olur ve zamandan tasarruf etmenizi sağlar.

SVG görüntüsü, yeni nesil web siteleri için önemli bir vektör biçimidir ve yeni HTML5 standartlarıyla tamamen entegredir. Aurora SVG Görüntüleyici ve Dönüştürücü ile: SVG grafiklerini kolayca görüntüleyebilir ve prodüksiyonlarınızı birden çok formata dönüştürebilirsiniz.

HTML5'in ortaya çıkışı, SVG biçimli vektör görüntülerinin daha fazla kullanılmasını sağladı. Bir web geliştiricisiyseniz, oyunun bir adım önüne geçmenin ve iş akışınızı HTML5 ve SVG görüntüleri ile çalışmak için ihtiyacınız olan her şeyle donatmanın şimdi tam zamanı. İlk adım, Mac ve Windows kullanıcıları için mevcut olan bugünün indirimli yazılım promosyonunun bir kopyasını almaktır!

Aurora SVG Görüntüleyici ve Dönüştürücü SVG görüntülerini düzenlemeyi, görüntülemeyi ve dönüştürmeyi kolaylaştırır. İle birlikte Aurora SVG Görüntüleyici ve Dönüştürücü, kullanışlı bir küçük resim görüntüleme modunun ve anında tanınabilir bir klasör görünümünün keyfini çıkaracaksınız. Bir SVG görüntüsünü farklı bir biçime dönüştürmeniz gerekirse, Aurora SVG Görüntüleyici ve Dönüştürücü görüntüleri TIFF, PNG, JPB, BMP, GIF, TGA, XPM, PPM, XBM ve hatta PDF formatındaki dosyalar olarak kaydetmenizi sağlayarak günü kurtarır. Daha da iyisi, birden fazla dosyayı toplu olarak dönüştürebilirsiniz!

Tabii ki, ayrıntılar üzerinde her zaman tam kontrole sahipsiniz. Aurora SVG Görüntüleyici ve Dönüştürücü... Çıktı çözünürlüğünü ayarlayın, SVG görüntülerinin bölümlerini dönüştürün ve dönüştürme kalitesini ayarlayın!

Windows Ekran Görüntüsü: Mac Ekran Görüntüsü:

Aurora SVG Görüntüleyici ve Dönüştürücü Özellikleri:

1. Destek Windows ve MAC OS.

2. Kolay klasör seçimi ve küçük resim ekranı modu.

3. SVG resimlerini hızla önizleyin veya dönüştürün; destekler SVG ve SVGZ.

4. Birden çok görüntü formatına SVG dönüştürücü şunları içerir: tiff, png, jpg, bmp, gif, tga, xpm, ppm, xbm ve pdf.

5. Toplu Dönüştürme, dönüştürülecek görüntülerin bir listesini yapın ve ardından bir taramada bunları dönüştürün ve başka bir klasöre kaydedin.

6. Çıktı çözünürlüğü, serbest yakınlaştırma çözünürlüğü ile kolayca ayarlanır. SVG tuvalinin herhangi bir alanını seçin ve dönüştürün.

7. Seçtiğiniz herhangi bir alanı özel olarak dönüştürün: SVG görüntüsünün bir alanını seçin ve dönüştürün.

olup olmadığına bağlı olarak Niye.png'den.svg'ye dönüştürmek istiyorsanız endişelenmenize gerek olmayabilir. Mevcut araçlara çok aşina değilseniz veya bilmiyorsanız, .png'den (raster) svg'ye (vektör) dönüştürmek acı verici olabilir. grafik tasarımcı mesleğe göre.

biri seni gönderirse büyük dosya yüksek çözünürlükle (örneğin, 1024x1024), GIMP'de kullanmak istediğiniz hemen hemen her boyutta yeniden boyutlandırabilirsiniz. Çözünürlük (inç başına piksel) çok düşükse, görüntüleri yeniden boyutlandırırken sorunlar sıklıkla ortaya çıkar. Bunu GIMP'de düzeltmek için şunları yapabilirsiniz:

1. Dosya -> Aç: .png dosyanız
2. Görüntü -> Görüntü Özellikleri: çözünürlüğü ve renk alanını kontrol edin. Yaklaşık 300 ppi çözünürlük istiyorsunuz. Çoğu durumda, renk uzayının RGB olmasını istersiniz.
3. Görüntü -> Mod: RGB değerine ayarlayın
4. Görüntü -> Görüntüyü Ölçekle: boyutu ayrı bırakın ve Y çözünürlüğünü 300 veya daha fazla olarak ayarlayın. Ölçek vur.
5. Görüntü -> Görüntüyü Ölçekle: Çözünürlük artık 300 olmalıdır ve artık görüntüyü hemen hemen her boyutta yeniden boyutlandırabilirsiniz.

Bir .svg dosyasını yeniden boyutlandırmak kadar kolay değil, ancak zaten büyük, yüksek çözünürlüklü bir görüntünüz varsa .png'yi .svg'ye dönüştürmekten kesinlikle daha kolay ve hızlı.

ile birlikte adobe illüstratör:

Adobe Illustrator'ı açın. .PNG dosyasını programa yüklemek için "Dosya"yı tıklayın ve "Aç"ı seçin. SVG dosyası olarak kaydetmeden önce görüntüyü gerektiği gibi çıkarın. "Dosya" yı tıklayın ve "Farklı Kaydet" i seçin. Yeni bir dosya adı oluşturun veya mevcut bir adı kullanın. Seçilen dosya türünün SVG olduğundan emin olun. Bir dizin seçin ve dosyayı kaydetmek için "Kaydet"e tıklayın.

AI'yı tercih ederim çünkü herhangi bir değişiklik yapabilirsiniz

Ben de aynısını yapmaya çalışırken bu soruyu ve cevapları buldum! Bahsedilen diğer araçlardan bazılarını kullanmak istemedim. (benimkini göndermek istemiyorum e-posta ve ödemek istemiyorum). Inkscape'in (v0.91) oldukça başarılı olduğunu buldum İyi iş... Bu öğretici hızlı ve anlaşılması kolaydır.

Inkskape'de bir bitmap seçmek kadar kolay ve Üst Karakter + Alt + B.

Sudo apt-get yükleme potrace imagemagick convert -flatten input.png output.pbm potrace -s output.pbm -o output.svg rm output.pbm

Resminizi yükleyebileceğiniz ve sonucu görebileceğiniz bir web sitesi var.

Fakat svg imajını indirmek istiyorsanız kayıt olmanız gerekmektedir. (Kayıt olursanız ücretsiz 2 resim alacaksınız)

Ancak bu ideal değildir.

Png bir bitmap stilidir ve SVG, destekleyen bir vektör grafik tasarımıdır. bit eşlemler bu yüzden görüntüyü vektörlere dönüştürmez, sadece içine gömülü bir görüntü vektör biçimi... Bunu ücretsiz olan http://www.inkscape.org/ kullanarak yapabilirsiniz. Bunu enjekte edecek, ancak isterseniz (potrace kullanarak) yolu dönüştürmeye çalışacak bir Canlı İzleme motoru da var. Örnek için adobe Illustrator'da (ticari) Doğrudan izleme konusuna bakın:

sanırım yazmak istiyorsun yazılım bunun için. Bunu safça yapmak için çizgileri bulup vektörleri ayarlamanız yeterlidir. Bunu akıllıca yapmak için şekilleri çizime uydurmaya çalışıyorsunuz (model uydurma). Ayrıca raster bölgeleri tanımlamaya çalışmalısınız (utançlarla modelleyemeyeceğiniz veya doku uygulayamayacağınız bölgeler. Oldukça uzun zaman alacağından ve biraz grafik ve bilgisayar görüşü bilgisi gerektireceğinden bu rotaya gitmenizi tavsiye etmem. önemli olacak ve orijinal çıktınızdan çok daha iyi ölçeklenecek.

eğer bazılarında iseniz Linux sistemi, imagemagick mükemmel. Onlar.

Somefile.png Somefile.svg'yi Dönüştür

Bu, tonlarca farklı formatla çalışır.

Ancak, video ve ses (ffmpeg) gibi diğer ortamlar için, png'yi açıkça svg'ye işaret ettiğinizi biliyorum; Hala medyayla ilgili.

Ffmpeg -i bazıdosya.mp3 bazıdosya.ogg

Bir sürü dosyaya göz atmak istiyorsan söyle; temel kabuk hilelerini kullanarak döngü yapın.

* .jpg içindeki f için; $ f $ (f% jpg) png'yi dönüştürün; tamamlamak

Bu, jpg'yi kaldırır ve istediğinizi dönüştürmesini söyleyen bir png ekler.