SVG dosyası nedir, ne işe yarar?

SVG dosyası (Scalable Vector Graphics, ölçeklenebilir vektör grafik), renkli piksellerden oluşan bir ızgara yerine sayılarla tanımlanmış şekiller, çizgiler ve eğriler olarak kaydedilen bir görseldir. Dosya piksel yerine çizim talimatları sakladığı için bir çıkartma boyutundan afiş boyutuna kadar büyütülebilir ve her boyutta keskin kalır.

Print on demand satıcısı için bu formatın önemi iki nedenden gelir. Aynı tasarımın çoğu zaman bir kupaya, bir tişörte ve bir kanvasa sığması gerekir, bazı ürünler, üretim yöntemleri ve alıcılar da özellikle vektör dosya ister. SVG'nin ne zaman işe yaradığını ve ne zaman PNG'nin daha iyi dosya olduğunu bilmek sizi bulanık baskılardan, reddedilen yüklemelerden ve boşa giden dönüştürme emeğinden korur.

SVG dosyası nasıl çalışır?

Her gün kullandığınız görsellerin çoğu, yani fotoğraflar, PNG'ler ve JPEG'ler, raster görsellerdir: her biri tek bir renk taşıyan piksellerden oluşan sabit bir ızgara. SVG ise vektör bir görseldir. Piksel yerine "şu noktada, şu yarıçapta, kırmızı dolgulu bir daire" ya da "buradan oraya, şu kalınlıkta bir eğri" gibi talimatlar kaydeder. Dosyanın kendisi XML ile yazılmış düz metindir. Bu yüzden bir web tarayıcısı onu açabilir ve bir tasarımcı her şekli ayrı ayrı seçip düzenleyebilir.

Bir vektörü yeniden boyutlandırdığınızda yazılım şekilleri yeni boyutta yeniden çizer. Hiçbir şey gerilmez, kenarlar temiz kalır. Bir raster görseli büyüttüğünüzde ise yazılım var olan piksellerin arasına yeni pikseller uydurmak zorunda kalır ve kenarlar yumuşar ya da kırık kırık görünür. Formatla ilgili neredeyse her şey bu tek farktan doğar.

SVG neden bulanıklaşmadan büyür?

Baskı dosyaları DPI ile, yani baskı çıktısının inç başına düşen piksel sayısıyla ölçülür. Bir baskı sağlayıcısı JPEG ve PNG baskı dosyaları için 300 DPI önerir (baskı dosyası gereksinimleri). Bu da 12 inç genişliğinde bir baskının yatayda 3.600 piksele ihtiyaç duyduğu anlamına gelir. Bundan küçük bir raster dosya yumuşak basılır ve sonradan büyütmek, baştan hiç olmayan ayrıntıyı geri getiremez. Hesabın ayrıntısını DPI nedir yazımızda anlattık.

SVG'nin kendine ait bir DPI değeri yoktur, çünkü bir şey onu işleyene kadar pikseli de yoktur. Aynı dosyayı tişört için 3.600 pikselde, kupa baskısı için daha küçük, poster için daha büyük dışa aktarabilirsiniz ve her çıktı keskin olur. Asıl çekicilik budur: tek bir ana dosya, istediğiniz çıktı boyutu ve kaç kez yaparsanız yapın temiz kalan düzenlemeler (bir renk, bir kelime, bir çizgi kalınlığı).

SVG, PNG ve JPEG karşılaştırması

Yükleme sınırları bir sağlayıcının dosya rehberinden alındı (baskı dosyası gereksinimleri), diğer sağlayıcılar kendi sınırlarını belirler. JPEG şeffaflığı desteklemez, bu yüzden şeffaf alanlar beyaz basılabilir (baskı dosyası formatları). Etsy ilan (listing) fotoğrafı olarak .jpg, .gif, .png, .svg ve .heic dosyalarını kabul eder, ancak hareketli .gif ve şeffaf .png dosyalarını desteklemez (Etsy fotoğraf rehberi).

Print on demand satıcısının SVG'ye ihtiyaç duyduğu durumlar

Tasarım temiz şekillerden oluşuyor ve birden fazla boyutta ya da birden fazla yöntemle çalışması gerekiyorsa SVG yerini hak eder:

• Yazı ve logo tasarımları: şapka önünden kapüşonlunun sırtına kadar farklı boyutlarda birkaç üründe kullanılacak tasarımlar.

• Kesim dosyaları: vinil, ısı transfer vinili (HTV) ve şablon kesen makineler yolları takip eder, SVG de bir yollar bütünüdür. SVG kesim dosyaları başlı başına dijital ürün olarak da satılır.

• Serigrafi (screen printing): her renk için ayrı bir elek gerekir (serigrafi rehberi), sabit sayıda renk taşıyan temiz vektör şekiller de bu renk ayrımlarını kolaylaştırır.

• Nakış: renk geçişleri, karışımlar ve ince gölgelendirmeler doğru şekilde işlenemez (nakış dosyası rehberi), bu yüzden nakış dosyası hazırlamak düz ve net ayrılmış şekillerle daha kolay başlar.

• Ana çiziminiz: vektör sürümünü saklamak, gelecek sezon bir rengi ya da kelimeyi hiçbir şeyi yeniden çizmeden değiştirmenizi sağlar.

PNG'nin daha iyi dosya olduğu durumlar

DTF ve DTG yazıcıları piksel basar, bu yüzden yazıcınıza giden dosya genellikle rasterdir. Bir sağlayıcının rehberi, DTG ürünleri için şeffaf arka planı desteklediğinden PNG'nin genellikle en iyi seçenek olduğunu söyler (baskı dosyası formatları). Fotoğraflar, boyalı çizimler, suluboya dokuları, yumuşak gölgeler ve renk geçişleri de iyi vektörleşmez: otomatik çevirme (tracing) bunları lekeli şekillere ya da binlerce yol içeren dev dosyalara dönüştürür.

Bu tür çizimler için baskı boyutunda hazırlanmış büyük, şeffaf bir PNG saklayın ve SVG'yi tasarımın düz kısımları için bir artı olarak görün. Ölçü, format ve şeffaflığı print on demand baskı dosyası gereksinimleri yazımızda, dışa aktarma adımını da tişört tasarımı için şeffaf PNG yazımızda ayrıntılı anlattık.

PNG'yi SVG'ye çevirmek: ne beklemeli?

Raster bir görseli vektör şekillere çevirmeye tracing (çevirme) denir. Net kenarlı ve az renkli düz çizimlerde iyi sonuç verir: yazılar, ikonlar, rozetler ve çizgi çizimler. Çevirmeden sonra yakınlaştırıp kenarlarda eğrinin pürüzsüz olması gereken yerlerde küçük çıkıntı ya da köşe olup olmadığına bakın, çeviricinin oluşturduğu birbirine çok yakın renkleri bulun, küçük lekeleri silin, ince çizgilerin ve küçük harflerin bozulmadığından emin olun. Elinizdeki en büyük ve en temiz kaynaktan başlayın, çünkü bulanık bir dosyayı çevirmek size bulanıklığın keskin bir sürümünü verir.

SVG'niz düzenlenebilir metin içeriyorsa dosyayı başkasına göndermeden önce metni dış hatlara (outline) çevirin, böylece karşı taraftaki bilgisayarda başka bir yazı tipine dönmez. Yazı tipinin lisansını da kontrol edin: neye bakmanız gerektiğini print on demand'de ticari font lisansı yazımızda anlattık.

Alomations baskıya hazır dosyaları nasıl verir?

Alomations'ta her tasarım 12 inç ve 300 DPI'da, yani uzun kenarda 3.600 piksel olarak, şeffaf PNG ve yanında SVG ile baskıya hazır gelir. Hiçbir şeyi kendiniz dönüştürmeden, DTF yazıcısının ihtiyaç duyduğu raster dosyayı ve büyütme, kesim ya da sonraki düzenlemeler için bir vektör dosyayı birlikte alırsınız. Bir tasarımın açık ve koyu versiyonları aynı çizimden çıkar, böylece tasarım hem beyaz hem siyah giysilerde okunur.

Design Editor (ücretli planlarda), kalitesi yetersiz başlayan dosyalar için iki araç ekler: biri düz çizimi vektör olarak yeniden çizer, diğeri pikseli yetmeyen bir fotoğrafı büyütür. Katalogdaki giyim ürünlerimiz DTF (direct-to-film) ile, gereken ürünlerde de süblimasyonla basılır, yani baskı anında en çok önemli olan dosya yüksek çözünürlüklü PNG'dir. Diğer tasarım araçlarını özellikler sayfasında görebilirsiniz.

Sıkça sorulan sorular

Etsy'de SVG dosyası satabilir miyim?

Evet, kendiniz tasarladıysanız dijital ürün olarak satabilirsiniz. Etsy ilan başına en fazla beş dijital dosya yüklemenize izin verir ve her dosya en fazla 20MB olabilir (Etsy dijital dosyalar). Dijital ürünler sizin tarafınızdan yapılmış ya da tasarlanmış olmalıdır.

SVG'yi Etsy ilan fotoğrafı olarak kullanabilir miyim?

Etsy, ilan fotoğrafı formatları arasında .svg'yi de kabul eder. Mockup'lar için genellikle JPG ya da şeffaf olmayan bir PNG tercih edilir, Etsy de ilan fotoğraflarının genişlik ve yüksekliğinin en az 2000 piksel olmasını önerir (Etsy fotoğraf rehberi).

SVG dosyasının çözünürlüğü var mı?

Hayır. Vektör şekillerin sabit bir piksel sayısı yoktur. Çözünürlük ancak dosya piksel olarak dışa aktarıldığında ya da basıldığında ortaya çıkar, bu yüzden yazıcınızın istediği boyut ve DPI'da dışa aktarın.

SVG dosyası nasıl açılır?

Güncel her web tarayıcısı SVG'yi gösterebilir. Şekilleri düzenlemek için Adobe Illustrator, Affinity Designer ya da ücretsiz Inkscape gibi bir vektör düzenleyici kullanın.

Her tasarımı şeffaf PNG ve yanında SVG olarak, baskıya hazır biçimde Alomations ücretsiz planıyla alabilirsiniz.