JPG, PNG veya GIF gibi geleneksel görüntü formatları çok popülerdir, ancak kullanımlarını belirli uygulamalar için idealden daha az yapan dezavantajları vardır.
Örneğin, duyarlı bir web sitesi oluşturursanız, görüntülendikleri genişlik ve yükseklikten bağımsız olarak iyi görünen resimler istersiniz. Örneğin, çok fazla büyütdüğünüzde geleneksel resimler kötü görünür.
Görüntüyü farklı boyutlarda, örneğin bir blogun dizin sayfasındaki küçük resim olarak ve bağlantılı makalede tam çözünürlüklü bir görüntü olarak göstermeniz gerekebilir.
En uygun olanı seçmek için tek bir görüntünün farklı sürümlerini oluşturabilirsiniz, ancak bunun için diğer şeylerin yanı sıra daha fazla depolamaya ihtiyacınız olduğu anlamına gelir.
SVG görüntü formatı bir vektör formatıdır. Bu, büyüklüğünün kalite kaybı olmadan (ölçeklenebilir) azaltılabileceği veya arttırılabileceği anlamına gelir. Farklı çözünürlükler kullanarak görüntüyü birden fazla yerde görüntülemeniz gerekirse bu harika.
SVG'nin diğer avantajları, boyutlarının genellikle daha küçük olması ve bazılarının doğrudan CSS'de yapılabileceği gibi değişiklik yapma konusunda web yöneticilerine biraz esneklik sağlamasıdır.
Bir örnek: Terence Eden, SVG'de Twitter, Amazon, WhatsApp, YouTube veya Reddit gibi popüler İnternet şirketlerinin logolarını yeniden yarattı. Logoların büyüklüğü, bazen 200 bayt kadar düşük bir 1 Kilobayt seviyesine düşürüldü. Örneğin PNG formatındaki Twitter logosu 20 Kilobayt, SVG sürümü 397 bayt boyutunda.
SVG, logolar ve simgeler için iyi bir formattır, ancak fotoğraflara ve birçok farklı nesneyi gösteren diğer görüntü türlerine gelince gerçekten uygun değildir.
SVG'ye dönüştürme
Bu kılavuz, görüntüleri doğrudan SVG'ye dönüştürmek için kullanabileceğiniz uygulamalara odaklanmaktadır. Bu, sıfırdan vektör grafikleri oluşturmak için tasarlanmış uygulamaları kullanma konusunda bir öğretici değildir. Bunun için Adobe Illustrator (Adobe politikasına hala bağlı olmayan bağlantılarımız), Inkscape veya LibreOffice Draw gibi vektör grafik editörlerini kullanabilirsiniz.
Çevrimiçi olarak çalıştırabileceğiniz birçok ücretsiz dönüştürücü bulunmaktadır, ancak dönüştürme işlemi söz konusu olduğunda bunlar oldukça sınırlıdır. Png veya jpg olarak kullanılabilen basit bir logoyu svg'ye dönüştürmek için yeterli olsa da, sonuçlar çoğu zaman çok iyi değildir.
Servisleri şöyle değerlendirdim: Ghacks logosunu indirdim ve dönüşümleri birkaç düzine SVG dönüştürücüsünde denedim. Sonucu yargıladım ve iyi sonuç vermeyen herhangi bir hizmeti attım.
- Aconvert - Servis yerel bir dosya veya giriş olarak bir URL alır. Sağladığı tek seçenek görüntünün çözünürlüğünü değiştirmektir. Ortaya çıkan görüntü Ghacks logosuna benziyordu, ancak boyutu logosunun PNG versiyonunun boyutunun neredeyse iki katıydı.
- Vector Magic - Windows için bir çevrimiçi dönüştürücü ve masaüstü programı olarak kullanılabilir. Ancak ücretsiz değildir (çevrimiçi ücret aylık 7, 95 dolar, masaüstü sürümü bir kerelik 295 dolar tutarında). Bununla birlikte, çevrimiçi sürümün sonuçları harikadır ve ayarları düzenlemek veya değiştirmek için birçok seçenek ve orijinal görüntünün yan yana gösterimi ile svg kopyasına sahip olursunuz.
- Vectorizer - Başka bir ücretsiz servis. Bu, en iyi çıktı parametrelerini (bulanıklaştırma, renkler) seçebileceğiniz veya bunları doğrudan ayarlayabileceğiniz bir sihirbazla birlikte gelir. Bazı ince ayarlarla sonuçlar iyiydi ve elde edilen görüntünün boyutu orijinal PNG logosundan üçte bir oranındaydı.
Şimdi Siz: Görüntüleri SVG formatına dönüştürmek için başka bir çevrimiçi servis veya programdan haberdar mısınız?
