girişsvg'yi çevrimiçi görüntüleme. SVG dosyası nasıl açılır? SVG grafikleri oluşturmak için özel paketler
Tüm kullanıcılar .svg uzantısına sahip dosyalarla ilgilenmemiştir. Çoğu durumda, hemen hemen hepsi, hangi programın SVG dosyasıyla ilk kez ilişkilendirildiğini düşünmeden, bu tür dosyaları ayrım gözetmeksizin siler.
Makale, düzenleme yapmak için hangi araçların bir dosyayı açmanıza izin verdiğine ve genel olarak bunu yapmanız gerekip gerekmediğine odaklanacaktır.
.Svg dosya uzantısı?
İlk önce en basit gösterim gereklidir. Deneyimsiz bir kullanıcı, bir SVG dosyasının nasıl açılacağı sorusunu anlamayabilir. Bu durumda, raster veya vektör modunda bir değişiklikle grafikleri işlemek için başlangıçta bu tür dosyaların gerekli olduğuna dikkat etmelisiniz. Son kullanıcının böyle bir konuda tam bir meslekten olmadığı durumda, açıklayacak hiçbir şeyi yoktur. İzleyicinin geri kalanına gelince, sorunun kendisinin, SVG formatının nasıl açılacağı, büyük ölçüde yalnızca varsayılan olarak yüklenen veya buna benzer başka bir gerekli uygulamanın seçiminden kaynaklandığına dikkat edilmelidir.
SVG dosyaları varsayılan olarak nasıl açılır?
Unutulmamalıdır ki, en basit yöntem açık dosya çeşitli tiplerde sıradan bir "Explorer"da çift tıklama yapmaktır. Bu durumda işletim sisteminin, belirli bir türdeki bir dosyayı açmak için kümesinden hangi aracın kullanıldığını bağımsız olarak belirlediğine dikkat edilmelidir. Bir SVG dosyası esasen geneldir. Aslında, kısaltmanın geldiği Ölçeklenebilir Vektör Grafikleri standardını destekleyen her program, onunla çok fazla problem yaşamadan çalışabilir. Aynı olduğunu belirtmekte fayda var. Adobe illüstratör veya Corel Draw paketi En son sürüm veya benzeri yazılım paketleri bu tür dosyaları işleyebilir.
Uygun uygulamalar yüklenirse, genellikle sorunlar ortaya çıkmaz. Daha basit bir programın kullanılması durumunda, örneğin, normal "Microsoft" Paint, Paint .NET veya ana paketin parçası olan bir düzenleyici Microsoft Office herhangi bir sürüm ve yayın yılı, doğaüstü bir şeye güvenmemelisiniz. Tabii ki, bu tür verilerle çalışabilirler, ancak her zaman olduğu gibi hareket etmezler. en iyi yardımcı programlar düzenlemek için tasarlanmıştır. SVG dosyası onlar tarafından tanınmayabilir.
Öyle ya da böyle, sadece resmi görüntüleyebilir, sayfadaki konumunu değiştirebilir, renkleri veya doygunluğu hafifçe "düzenleyebilirsiniz". Geri kalanına gelince, olduğu gibi kalacak ve bazen daha da kötü olacak. Bu nedenle düzenleme alanında SVG dosyasını beraberindeki programları ve uygulamaları kullanarak nasıl açabileceğinize bakmanız gerekir.
SVG veri işleme araçları
Şaşırtıcı görünse de, .svg uzantısının ilişkili program açısından hiçbir bağlantısı olmadığına inanılıyor. Ancak, ölçeklenebilir bir grafik formatıdır. SVG dosyasının ne olduğunun gerçekten önemli olmadığını belirtmekte fayda var. yeterli varsa yüklü programlar ve uygulamalar, işletim sistemi bağımsız olarak uygun uygulamayı seçmenizi ister. Bir SVG dosyasının nasıl ve ne açılacağı ile ilgili olan benzer bir sorunun diğer taraftan da düşünülebileceğini unutmayın. Sonuçta, bu tür dosyalar HTML veya XML işaretlemesi içerebilir. Bu nedenle, bu tür verileri özel programlar kullanarak düzenlemek gerekir.
Öyle ya da böyle, bu makalede ele alınan konu, sözde küresel planda değerlendirilirken, SVG dosyalarının açılmasının kullanıcılar arasında genel olarak kabul edilen kavramların kapsamını aşmadığını belirtmekte fayda var. Ve bu şaşırtıcı değil, çünkü formatın kendisi ve beraberindeki uzantı grafiklerle ilgili. Bu, görüntüleme ve düzenleme için açılmanın en baştan sağlandığı anlamına gelir. Ayrıca, özel editörlerin mevcudiyetine bağlı değildir. işletim sistemleri.
Tavsiye edilebilecek tek şey, ACDSee veya benzeri bir şey gibi evrensel istemcileri kurmaktır; bu, her ikisi de bir SVG dosyasını tanıyabilir. giriş seviyesi, ve onunla tam teşekküllü bir düzenleme modunda çalışın. Kullanımı, istenen dosyanın yapısını bile değiştirebilir. Bu bağlamda, SVG dosya formatı herhangi bir dahili dış değişiklikler ve hatta gereçlerle ilgili olanlar.
Sunulan makalede, SVG dosyalarının ne olduğu sorusu. Böyle bir sorunun ana yönleri göz önünde bulundurulur ve çözüm yöntemleri önerilir. Bu bilgiler, bu konuyla ilgilenen birçok kullanıcıya yardımcı olabilir.
SVG (Ölçeklenebilir Vektör Grafikleri) ölçeklendirilmiş bir dosyadır vektör grafikleriçok güçlü, XML biçimlendirme dilinde yazılmış. Hangisinin yardımıyla öğrenelim Yazılım çözümleri Bu uzantı ile nesnelerin içeriklerini görüntüleyebilirsiniz.
Ölçeklenebilir Vektör Grafiklerinin bir grafik formatı olduğu düşünüldüğünde, bu nesnelerin görüntülenmesinin öncelikle resim görüntüleyiciler ve grafik düzenleyiciler tarafından desteklenmesi doğaldır. Ancak, garip bir şekilde, şimdiye kadar, nadir resim görüntüleyiciler, yalnızca yerleşik işlevlerine dayanarak SVG'yi açma göreviyle başa çıkıyor. Ek olarak, incelenen formattaki nesneler, bazı tarayıcılar ve bir dizi başka program kullanılarak görüntülenebilir.
Yöntem 1: Gimp
Her şeyden önce, incelenen formattaki çizimleri ücretsiz grafik editörü Gimp'te nasıl göreceğimize bakalım.
Yöntem 2: Adobe Illustrator
Belirtilen formattaki görüntüleri görüntüleyebilen ve değiştirebilen bir sonraki program Adobe Illustrator'dır.
Yöntem 3: XnView
XnView programı ile çalışılan formatta çalışan resim görüntüleyicileri incelemeye başlayacağız.
SVG'leri XnView'da görüntülemek için başka bir seçenek daha vardır. Yerleşik tarayıcı kullanılarak gerçekleştirilir.
Yöntem 4: IrfanView
Örneği ile incelenen resim türlerini görüntülemeyi düşüneceğimiz bir sonraki resim görüntüleyici, IrfanView'dir. SVG'yi adlandırılmış programda görüntülemek için CAD Image DLL eklentisi de gereklidir, ancak XnView'den farklı olarak, başlangıçta belirtilen uygulamada yüklenmez.
Bu programdaki resim, dosyadan sürüklenerek görüntülenebilir. "Gezgin" IrfanView kabuğuna.
Yöntem 5: OpenOffice Draw
OpenOffice ofis paketindeki Draw uygulaması da SVG'yi görüntüleyebilir.
Resmi, dosyayı OpenOffice başlangıç kabuğuna sürükleyip bırakarak da görüntüleyebilirsiniz.
Ayrıca Draw kabuğundan da başlatabilirsiniz.
Yöntem 6: LibreOffice Draw
Ölçeklenebilir Vektör Grafikleri ekranını ve OpenOffice rakibini destekler - Ofis kıyafeti Draw adında bir resim düzenleme uygulamasına da sahip olan LibreOffice.
Açmanın başka bir yöntemi de bir dosyayı oradan sürükleyip bırakmaktır. dosya yöneticisi LibreOffice başlangıç kabuğuna.
Ayrıca LibreOffice'de, daha önce anlattığımız yazılım paketinde olduğu gibi, SVG'yi Draw kabuğu aracılığıyla görüntüleyebilirsiniz.
Yöntem 7: Opera
SVG, ilki Opera olarak adlandırılan birkaç tarayıcıda görüntülenebilir.
Yöntem 8: Google Chrome
SVG oluşturabilen bir sonraki tarayıcı Google Chrome'dur.
Yöntem 9: Vivaldi
Vivaldi, SVG'leri görüntülemek için örnek olarak kullanılacak bir sonraki web tarayıcısıdır.
Yöntem 10: Mozilla Firefox
SVG'yi başka bir popüler tarayıcıda nasıl oluşturacağımızı bulalım - Mozilla Firefox.
Yöntem 11: Maxthon
yeterlik alışılmadık bir şekilde SVG'yi Maxthon tarayıcısında görüntülemek mümkündür. Gerçek şu ki, bu web tarayıcısında, açılış penceresinin etkinleştirilmesi prensipte imkansızdır: ne grafiksel kontroller aracılığıyla ne de kısayol tuşlarına basılarak. SVG'yi görüntülemek için tek seçenek URL'yi girmektir. bu nesnenin v adres çubuğu tarayıcı.
şüphesiz, bu seçenek Sabit sürücünüzde yerel olarak bulunan vektör grafiklerini açmak, diğer tarayıcılardan çok daha garip ve daha zordur.
Yöntem 12: Internet Explorer
Windows 8.1 dahil - Internet Explorer için Windows işletim sistemleri için standart bir tarayıcı örneğini kullanarak SVG'yi görüntüleme seçeneklerini ele alalım.
SVG'nin bir vektör görüntü formatı olmasına rağmen, çoğu modern resim görüntüleyici, ek eklentiler yüklemeden onu görüntüleyemez. Ayrıca, tüm grafik düzenleyiciler bu tür resimlerle çalışmaz. Ancak hemen hemen tüm modern tarayıcılar bu formatı görüntüleyebilir, çünkü bir zamanlar her şeyden önce İnternette resim yayınlamak için yaratılmıştır. Doğru, tarayıcılarda belirtilen uzantıya sahip nesneleri düzenlemek değil, yalnızca görüntüleme mümkündür.
Görüntüler için birçok format vardır, ancak hepsi iki büyük sınıfa ayrılır - raster ve vektör. Birincisi, fotoğraf gibi çeşitli karmaşık ve ayrıntılı grafikler için kullanılır. Onlarda, her piksel en küçük öğedir, kendi rengine sahip olabilir ve dosya genel olarak görüntüdeki her nokta için renkleri saklar. Elbette, bilgilerin boyutunu sıkıştırmak için farklı yöntemler kullanılır ve bundan birçok bitmap formatı gelir - bmp, png, jpg ve diğerleri. Genellikle jpg, iyi ayrıntılara sahip küçük bir dosya ürettiği için en iyi verimliliği gösterir. Ancak bir dezavantajı var - bilgileri sıkıştırırken bilgi kaybı. Bu nedenle dosya boyutu küçülürse görüntü bozulur.
SVG dosyalarıyla çalışma.
Evet ve bu tür fotoğrafları büyüttüğünüzde pikseller görünür hale geliyor. Vektör biçimleri tamamen farklı bir şekilde çalışır. Matematiksel formüllerle tanımlanan çizgiler, parçalar, şekiller kullanırlar. Onlar tarafından sınırlanan herhangi bir alan, renk veya gradyan ile doldurulabilir. Sonuç, belirli boyutlara bağlı olmayan bir görüntüdür - kalite kaybı olmadan kolayca sıkıştırılabilir veya büyük boyutlara uzatılabilir. Bu vektör biçimlerinden biri SVG'dir. Ve özellikle web geliştirme ortamında giderek daha popüler hale geliyor.
Uzantının genel açıklaması
Bir çeşit SVG dosyası- Ölçeklenebilir Vektör Grafiklerinin kısaltması, yani ölçeklenebilir vektör grafikleri. Görüntüyü tanımlamak için işaretleme dilleri VML ve PGML kullanılır. Aslında, öyle Metin belgesi, her şekil için köşelerin ve onlardan geçen çizgilerin koordinatlarını ve ayrıca farklı öğelerin renklerini açıklar. Bu formatın ilk versiyonu 2001 yılında piyasaya sürüldü ve şimdi ikinci versiyon aktif olarak geliştiriliyor. Yani umut verici ve gelişiyor. Avantajlardan biri, oldukça karmaşık çizimlerin kaydedilebildiği küçük dosya boyutudur. Bu nedenle, artık giderek daha fazla simge, piktogram, logo ve sitelerin diğer öğeleri, raster biçimlerde değil, bu biçimde kullanılmaktadır. Bu sitenin yüklenmesini hızlandırır. SVG formatının benzersiz yetenekleri arasında etkileşim ve animasyon yer alır. İlki, resmin, örneğin bir fare tıklaması veya bazı öğelerin hareketi gibi kullanıcı eylemlerine tepki vermesine izin verir. Animasyon oldukça karmaşık senaryolara izin verir. Hepsi bir arada, siteler için çok güzel ve canlı grafik öğeleri oluşturmanıza olanak tanır. Hatta düzenli olarak gömülebilirler. bit eşlemler png, jpg ve diğer formatlarda.
SVG dosyası nasıl açılır
İnternette, bu resimlerin birçoğunu, ücretsiz olanlar da dahil olmak üzere, fotoğraf stoklarında bulabilirsiniz. Grafik düzenleyicilerde oluşturulurlar. Adobe photoshop, Illustrator, Corel Draw ve diğerleri. Ancak soru ortaya çıkıyor - SVG formatının nasıl açılacağı. Sonuçta, yerleşik Windows araçları hangi resimleri içerdiklerini göstermiyor. SVG'yi bir metin düzenleyicide, örneğin Not Defteri'nde bile düzenleyebilmenize rağmen, bir metin belgesi olduğu için, biçimlendirme dillerinde çok fazla bilgiye sahip olmanız gerekir. Bir SVG dosyasını, oluşturulduğu programda veya bu formatı destekleyen başka bir grafik düzenleyicide açabilirsiniz. En popüler:
Tabii ki, vektör grafikleri ile çalışmak için programların listesi bu isimlerle sınırlı değil. En popüler olanlar da dahil olmak üzere birçoğu var. Adobe düzenleyici Photoshop, görüntüleri vektör olarak kaydedebilir ve bunları açmak için bir eklentiye sahiptir. En popüler olarak adlandırılabilecek en popüler vektör grafik editörü Corel Draw'u unutmayın.
Dosyayla ilgili sorunlara başka ne neden olabilir?
Geleneksel Windows araçları ve diğer birçok işletim sisteminde, SVG dosyaları açılmayacaktır. İçeriğini görmek ve daha fazlasını düzenlemek için bu formatı destekleyen herhangi bir grafik düzenleyici yüklemeniz gerekir.
En popüler grafik editörleri görüntüleri çeşitli biçimlerde kaydetmenize olanak tanır. Program raster grafiklerle çalışıyorsa, dosyaları kaydetmek için raster formatları, vektör ile ise buna göre vektör formatları sunulur. Ancak, çizimlerin vektör ve karma formatlara aktarılmasını destekleyen bitmap düzenleyicileri vardır. Örneğin, bir çizimi SVG'ye aktarabilen Adobe Photoshop'tur - bugün hem raster hem de vektör grafiklerini depolayabilen oldukça yaygın bir format.
SVG formatı nedir ve nerede kullanılır?
2001 yılında Konsorsiyum tarafından geliştirildi Dünya çapında Ağ SVG formatı sıradan bir belge değildir. VML ve PGML işaretleme dillerine dayanmaktadır, yani aslında hakkında konuşuyoruz. Metin dosyası... Bunu yaparken, editörler ve tarayıcılar SVG'yi statik veya hareketli olabilen bir resim olarak yorumlar. Vektör grafiklerini depolamak için en yaygın biçim olan SVG, artık internette vektör ve karışık görüntüleri depolamak ve dağıtmak için yaygın olarak kullanılmaktadır.
Tüm formatlar gibi, SVG'nin de artıları ve eksileri vardır. İlki, kalite kaybı olmadan ölçeklenebilirlik, nispeten düşük ağırlık, PNG, GIF, JPG görüntülerini SVG belgelerine entegre etme yeteneği, metin editörlerinde düzenleme (uygun deneyimle), arama robotlarıyla indeksleme, animasyon desteği ve yaygınlığı içerir. Formatın avantajları ayrıca iyi sıkıştırılabilirlik, açıklık ve uyarlanabilirliği içermelidir.
Öte yandan, SVG, ima ettiği her şeyle dezavantajları devralır. SVG dosyaları çok sayıda küçük ayrıntıdan oluşuyorsa hızla ağırlık kazandığından, biçim karmaşık nesneler oluşturmak için pek uygun değildir. Ek olarak, programların bir resmi görüntülemek için tüm belgeyi okuması gerekir, bu da formatın kartografik uygulamalarda uygulanmasını zorlaştırır. Biçimin dezavantajları arasında, nispeten düşük çapraz tarayıcı uyumluluğuna ve 3D grafikler için en az minimum desteğin olmamasına dikkat çekiyoruz.
SVG dosyalarıyla çalışmak için en iyi editörler
Daha önce de belirtildiği gibi, SVG dosyasını normal bir metin düzenleyicide düzenleyebilirsiniz, ancak bunun için belirli bilgilere sahip olmanız gerekir. Vektör grafik editörlerini kullanmak çok daha uygun ve doğrudur.
Adobe illüstratör
Bir SVG editörünün rolü için harika olan en güçlü araç. Adobe Illustrator, vektör ve birleşik grafiklerle çalışmak için etkileyici bir araç setine sahiptir. Hem basit çizimler hem de karmaşık sanatsal çizimler oluşturmanıza ve düzenlemenize olanak tanır. SVG formatı ile çalışırken, editör, katmanların ve komut dosyası dillerinin kullanımına, özel efektlerin kullanılmasına izin verir.
kutulu svg
SVG görüntülerini bu formatla çalışmak için özel olarak oluşturulmuş Boxy SVG uygulamasını kullanarak da açabilirsiniz. Bu düzenleyici birçok yönden Adobe Illustrator'dan daha düşüktür, ancak içinde SVG görüntüleri oluşturmak ve düzenlemek için tüm temel araçları bulacaksınız. Uygulama, şekiller ve nesnelerle çalışmayı, popüler formatlardaki yazı tiplerini ve resimleri içe aktarmayı, Pixabay kitaplığıyla çalışmayı, görüntülemeyi ve düzenlemeyi destekler. kaynak kodu SVG ve CSS. Boxy SVG, çevrimiçi bir hizmet ve Windows 10, macOS ve Chrome OS için bir uygulama olarak mevcuttur.
vektör
Henüz SVG dosyası nasıl açılır? Bu tür dosyalarla çalışmak için kendisine atanan düzenleme görevleriyle çok iyi bir iş çıkaran Vectr programı vardır. Uygulama, bir vektör görüntüsünün tek tek parçalarını değiştirme, katmanlarla çalışma, metin ve temel öğeler ekleme, efekt uygulama (örneğin saydamlık, kontur, dış ve iç gölgeler), degradeler, kalem, çizgiler ve diğer araçları kullanma gibi işlevler sağlar. Vectr ücretsizdir ve Windows, Linux ve Chrome OS için kullanılabilir.
Inkscape
Önceki iki programın aksine, Inkscape'in fazla tanıtıma ihtiyacı yoktur. Bu güçlü ve tamamen ücretsiz editör SVG simgelerinden tam teşekküllü çizimlere kadar her türlü karmaşıklıktaki vektör grafiklerini düzenlemek ve oluşturmak için kullanılabilir. Inkscape programı yollar, metin, işaretçiler, katmanlar ve kanallar, degradeler ve dokularla nasıl çalışılacağını bilir. Bitmap vektörleştirme, SVG renk yönetimi ve daha fazlası da desteklenir.
Bu arada, dosyanın kaynak kodunu düzenleyerek SVG rengini değiştirebilirsiniz, ancak bunun için en azından CSS dili ve renk kodları hakkında temel bir anlayışa sahip olmanız gerekir. Örneğin, ekran görüntüsünde vurgulanan kod bloğundaki stil parametresini düzenleyerek beyaz rengi kırmızıya çevirdik. Ve tabii ki, eğer SVG'yi düzenleyebiliyorsanız, o zaman Inkscape ve benzeri programlar.
SVG çevrimiçi nasıl açılır
Çevrimiçi bir SVG düzenleyicisine ihtiyacınız varsa Boxy SVG, Vectr ve Inkscape'in web sürümlerini kullanın. Bu tür sürümlerin işlevsel seti, masaüstü sürümlerinde olduğu gibi pratik olarak bire birdir. Örneğin Inkscape, www.rollapp.com/app/inkscape projesinden başlatılabilir.
Daha basit bir şey arıyorsanız, sketch.io/sketchpad adresinde bulunan çevrimiçi bir vektör düzenleyici olan Sketchpad'i deneyin. Sketchpad'de fırçalar, çizgiler, oklar, ilkel öğeler, küçük resim, kalem, mum boya, airbrush, dolgu vb. araçlar bulunur. Katmanlar, palet ve degradelerle çalışma var.
Ancak, "sıfırdan" SVG görüntüleri oluşturmak için, isteğe bağlı çizim işlevi tarafından desteklenmesine rağmen, hizmet çok uygun değildir. Editör acemi kullanıcılara yöneliktir, böylece kolayca anlayabilirsiniz.
SVG'den PNG'ye dönüştürücüler
SVG dosyasını tarayıcı penceresine sürükleyerek normal bir resim olarak görüntüleyebilirsiniz, ancak SVG belgesinin daha erişilebilir ve tanıdık bir grafik biçimine, örneğin PNG'ye dönüştürülmesi de gerekir. Eğer dönüştürülebilir dosyalarçok, ücretsiz aracı kullanmak mantıklı SVG2PNG bu, toplu olarak SVG'yi PNG'ye dönüştürmenize olanak tanır. SVG'yi PNG'ye dönüştürmek için yardımcı programı çalıştırın, vektör dosyalarını penceresine sürükleyin, "Başlat"a tıklayın ve sonucu alın.
Yazardan: SVG görüntüleri, favori bitmap'lerimiz kadar yaygın değil PNG biçimleri ve JPG, ancak vektör grafiklerinin faydaları giderek daha fazla tasarımcıyı cezbetmektedir. Tasarımcılar projelerinde vektör grafiklerini giderek daha fazla kullanıyor. Önceden 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üklenirken 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ıç
eğer çevrimiçi sürümler ihtiyacınız olan hiçbir fonksiyon yoktur, uygulamanın masaüstü sürümünü indirebilirsiniz. Düzenleyici Windows, Mac, Linux ve Chromebook'lar için kullanılabilir.
Belki de Vectr'deki 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. Vectr'den SVG görüntülerini WP, Medium, Tumblr, vb. gibi SVG'nin doğrudan yüklenmesini engelleyen ancak uzaktan görüntülenmesine izin veren uzak sitelerde görüntüleyebilirsiniz.
Vectr, başkalarının oluşturduğunuz grafikleri değiştirebilmesi için düzenleyici panelinde vektör grafiklerini paylaşmanıza olanak tanır. 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 ile çalışmak için bir hesaba ihtiyacınız var. Yeni bir tane kaydedebilir veya ile giriş yapabilirsiniz. google'ı kullanmak, Facebook, Amazon. Çok uygun, sadece uygulamayı görmek için binlerce yeni hesap oluşturmaktan nefret ediyorum.
Inkscape'in en iyisi! 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.
Büyük dosyalar işlemler uygulama sunucularında ve İnternet üzerinden gerçekleştirildiği için çok hızlı işlenmez. Kısacası - büyük ve karmaşık dosyaları düzenlemeniz gerekiyorsa, RollApp ideal değildir, ancak temel set dışındaki diğer görevler için bu düzenleyici diğerlerinden daha iyidir.
BoxySVG
Uzun süredir SitePoint okuyucusuysanız, düzenleyiciye aşina olmalısınız. BoxySVG, çünkü son 12 ayda bunun hakkında zaten konuştuk. yapmayacağım ayrıntılı genel bakış bu zaten yapıldığından Bu makale.
JavaScript. Hızlı başlangıç
JavaScript'in temellerini şu adreste öğrenin: 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 bu araçla biraz çalıştı (dahil Ücretli sürüm) ve hatta bir süreliğine soruları yanıtladı google sayfası+. Janvas oldukça güçlü bir araç oldu.
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
Halihazırda ücretsiz bir çevrimiçi SVG düzenleyicisi seçmiş olabilirsiniz. Değilse, devam edin. BeraberlikSVG- Birçok özelliğe sahip tam uyumlu SVG düzenleyici. Bu uygulamanın tasarımının gerçekten web için uyarlanmış olmasını ve bir tarayıcı için masaüstü uygulamasının 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- çevrimiçi vektör grafik editörlerinin dedesi, 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 çarpmayan 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 aktarabilir, 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. Ancak, kolaylık, hız ve esneklik için yukarıdaki düzenleyicilerin tümü şunları sunar: kullanışlı set fonksiyonlar.
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.