JPG, PNG, WebP: ürün görseli hangi formatta teslim alınmalı?

Çekim bittikten sonra elinize geçen dosyalar bazen hayal kırıklığı yaratır. Siteye yüklemek istediğiniz görsel çok ağırdır, sunuma koyduğunuz görselin arkası beyaz bir kutu gibi durur ya da bir platform dosyayı hiç kabul etmez. Bunların çoğu çekimin kendisiyle değil, dosya formatıyla ilgilidir. Bu yazıda JPG, PNG ve WebP arasındaki farkı, sade bir dille ve işinize yarayacak biçimde anlatıyoruz.

Format nedir ve neden önemlidir?

Bir görsel dosyasının formatı, fotoğrafın bilgisinin nasıl saklandığını belirler. Aynı fotoğraf farklı formatlarda kaydedilebilir; hepsi ekranda benzer görünür ama dosya boyutu, şeffaflık desteği ve kalite davranışı farklıdır. Yanlış format seçmek görselin siteyi yavaşlatması, bir yerde hiç açılmaması ya da kenarlarında istenmeyen bir arka plan taşıması gibi sorunlara yol açar.

Bu nedenle format, çekim sonrası düşünülecek bir ayrıntı değil, çekimden önce brifte konuşulması gereken bir karardır. Görselin nerede kullanılacağını bilmeden doğru format seçilemez.

JPG: fotoğraflar için yaygın ve pratik

JPG, fotoğrafları saklamak için en yaygın formattır. Dosyayı küçültmek için görselin bir miktar bilgisini atar. Buna kayıplı sıkıştırma denir. Doğru ayarla bu kayıp gözle fark edilmez ve dosya epey hafifler. Web siteleri, e-posta ekleri ve çoğu platform JPG ile sorunsuz çalışır.

JPG'nin zayıf yanları iki tanedir. Birincisi şeffaflık taşımaz; arka plan her zaman dolu bir renktir. İkincisi her kaydedişte yeniden sıkıştırıldığı için tekrar tekrar düzenlenip kaydedilen JPG dosyaları zamanla kalite kaybeder. Bu yüzden JPG genellikle son kullanım formatıdır, ana arşiv formatı değil.

PNG: kayıpsız ve şeffaflığı destekler

PNG, görselin bilgisini kaybetmeden saklar ve şeffaf alanları destekler. Ürün görselinin arka planını kaldırıp başka bir tasarıma ya da renkli bir zemine yerleştirmek istiyorsanız PNG bu iş için uygundur. Logo, ikon ve keskin kenarlı grafikler için de tercih edilir.

Karşılığında dosya boyutu genellikle daha büyüktür, özellikle fotoğraf gibi ayrıntılı görsellerde. Bu yüzden her ürün görselini PNG olarak web sitesine koymak, sayfanın yavaşlamasına yol açabilir. PNG'yi şeffaflık gereken yerde ve arşivde kullanmak, fotoğraf yayınlarında ise başka bir formata dönmek mantıklıdır.

WebP: web için geliştirilmiş modern format

WebP, web kullanımı düşünülerek geliştirilmiş bir formattır. Hem kayıplı hem kayıpsız çalışabilir, şeffaflığı destekler ve çoğu durumda aynı görünümü daha hafif bir dosyayla verebilir. Kendi web sitenizde ya da mağazanızda hızlı açılan sayfalar istiyorsanız WebP kullanışlı bir seçenektir.

Dikkat edilecek nokta uyumluluktur. Her yazılım, her platform ve her baskı sürecinde WebP beklenen şekilde açılmayabilir. Görseli yükleyeceğiniz yerin hangi formatları kabul ettiğini kontrol etmek gerekir. Sunum programı, baskı atölyesi ya da bir pazaryeri farklı bir format isteyebilir.

Formatlar arasında bir tercih yaparken en çok işe yarayan soru şudur: bu dosyayı kim, nerede, hangi cihazda açacak? Bir alıcının e-postasında açılacak dosya ile kendi mağazanızın ürün sayfasında yüklenecek dosya aynı olmak zorunda değildir. Her kullanım için ayrı bir kopya hazırlamak ilk bakışta fazladan iş gibi görünür, ama sonradan format dönüştürmeye uğraşmaktan çok daha rahattır.

Baskıyla ilgili bir ayrıntı daha: basılı işlerde renk uzayı ekranla aynı değildir ve baskı atölyeleri kendi gereksinimlerini söyler. Bu yüzden katalog ya da broşür gibi basılı bir kullanımınız varsa, baskıyı yapacak yerden istediği dosya özelliklerini çekimden önce öğrenip brife eklemek işi kolaylaştırır.

Hangisi nerede işe yarar?

Format seçimini kullanım yerine göre düşünmek en rahat yoldur.

• Kendi web siteniz: hafif dosya önemlidir. JPG ya da WebP genellikle makul seçeneklerdir.
• Şeffaf arka plan gereken tasarımlar: PNG ya da şeffaflığı destekleyen WebP.
• Baskı ve katalog: genellikle yüksek kaliteli, kayıpsız ya da çok az sıkıştırılmış dosya tercih edilir. Baskıyı yapan yerin istediği format önceden sorulur.
• Sunum ve e-posta: yaygın uyumluluk için çoğunlukla JPG ya da PNG.
• Arşiv: ana dosyanın kayıpsız saklanması, kullanım kopyalarının bundan üretilmesi uzun vadede en sağlıklısıdır.

Şeffaf arka plan isteyip istemediğinize karar verin

Ürün görselinde arka planın kaldırılıp şeffaf bırakılması, sıkça istenen bir hizmettir. Görsel bir tasarıma, farklı renkli sayfa zeminlerine ya da bir kampanya görseline yerleştirilecekse şeffaflık işinizi kolaylaştırır. Ancak her kullanım şeffaflık gerektirmez. Düz beyaz fonlu bir katalog görseli zaten beyaz bir sayfaya yerleşiyorsa şeffaflığa ihtiyaç yoktur.

Bu kararı çekimden önce vermek önemlidir, çünkü şeffaf teslim edilecek ürünlerde kenar temizliği ve gölge yönetimi çekim aşamasında farklı planlanır. Yarı saydam ürünlerde, ince kıllı ya da tüylü yüzeylerde ve parlak kenarlarda şeffaf arka plan hazırlamak ayrı bir dikkat ister. Bu yüzden şeffaf teslimat gerekiyorsa brife yazın.

Renk yönetimi de format kararına sessizce karışır. Bir görsel farklı ekranlarda ve farklı yazılımlarda biraz farklı görünebilir. Renk bilgisi dosyayla birlikte taşınmazsa ya da hedef platform bunu tanımıyorsa renkler kayabilir. Bu yüzden renk açısından hassas ürünlerde, örneğin bir kumaşın tonu ya da bir takının metali, çekimden sonra görselin farklı ortamlarda kontrol edilmesi iyi bir alışkanlıktır.

Dosya adlandırma da küçük ama etkili bir ayrıntıdır. Ürün koduyla, rengiyle ve kare sırasıyla adlandırılmış dosyalar, mağaza panelinize yüklerken zaman kazandırır. Format ne olursa olsun dosyanın adının tutarlı olması, binlerce görselle çalışan bir satıcı için en büyük pratik kolaylıktır.

Bir de görselin fiziksel boyutu ile dosya boyutunun aynı şey olmadığını hatırlatmak gerekir. Bir görselin ekranda kapladığı alan ile diske kapladığı yer farklı kavramlardır. Format, dosya boyutunu etkiler; görselin ayrıntı seviyesi ise çekimin ve düzenlemenin sonucudur. Bu iki şeyi birbirine karıştırmamak, "format değiştirirsem görsel küçülür mü?" gibi soruların cevabını kolaylaştırır.

Animasyonlu görseller ya da çok sayıda katman içeren tasarım dosyaları ayrı bir konudur ve ürün fotoğrafı teslimatının dışında kalır. Ürün fotoğrafı için düşünmeniz gereken esas olarak üç soru vardır: görselin arkası dolu mu şeffaf mı olacak, nerede yayınlanacak ve hangi yazılımda açılacak. Bu soruların cevabı format seçimini neredeyse tek başına belirler.

Ana dosya ile kullanım kopyası farkı

Görselle çalışırken iki ayrı dosya düşünmek işleri kolaylaştırır. Ana dosya en yüksek kalitede saklanan, düzenlenmemiş ya da hafif düzenlenmiş arşiv kopyasıdır. Kullanım kopyaları ise belirli bir yer için hazırlanmış, o yere uygun formatta ve hafiflikte dosyalardır.

• Ana dosyayı kaybetmemek, ileride farklı bir kullanım çıktığında yeniden başlamamanızı sağlar.
• Kullanım kopyaları ana dosyadan üretildiğinde kalite kaybı kontrol altında kalır.
• Aynı kopyayı tekrar tekrar kaydetmek yerine her seferinde ana dosyadan çıkmak daha temiz sonuç verir.

Yaygın bir yanlış anlama, en büyük dosyanın her zaman en iyi görsel olduğudur. Bir görselin gösterdiği ayrıntı, çekim kalitesine ve dosyanın taşıdığı bilgiye bağlıdır; ama web sayfasında kullanılacak bir görselin aşırı büyük olması sayfayı yavaşlatır ve ziyaretçinin beklemesine yol açar. Dosyayı kullanım yerine uygun hafiflikte hazırlamak, hem hız hem kalite için doğru dengedir.

Tersi de geçerlidir. Çok sıkıştırılmış bir dosya, özellikle yakından bakılan ürün detaylarında bloklaşma ve bulanıklık gösterebilir. Doku, dikiş ya da taş parıltısı gibi ince ayrıntıların önemli olduğu ürünlerde sıkıştırma ayarını fazla kısmamak gerekir. Bu dengenin nerede kurulacağı, ürüne ve kullanım yerine göre değişir.

Sosyal medya için hazırlanan görseller de ayrı bir kategori. Her uygulamanın yüklenen dosyayı yeniden sıkıştırdığı bilinir, bu yüzden yüklemeden önce görselin temiz ve yeterince ayrıntılı olması önemlidir. Platformların kendi güncel dosya kurallarına bakmak ve brife eklemek, yükleme sırasında beklenmedik kalite kaybı yaşamanızı önler.

Nihai format brifte belirlenir

Hangi formatın doğru olduğu görselin nerede kullanılacağına, hangi platformlara yükleneceğine ve şeffaflığa ihtiyaç olup olmadığına bağlıdır. Genel bir cevap vermek yerine bu bilgileri brifte konuşuruz. Çalışma düzenimizde ürünler bize ulaşır, kontrol edilir, çekim planı netleşir, çekilir, düzenlenir ve teslim edilir. Nihai formatlar ve kullanım yerleri plan aşamasında belirlenir, dosyalar da buna göre teslim edilir.

Platformların kendi güncel format kuralları varsa, onları çekimden önce kontrol edip brife eklemenizi öneririz. Böylece teslim edilen dosyalar sorunsuz yüklenir.

Çalışma düzenimizi ve brifin nasıl yapıldığını nasıl çalışıyoruz sayfasında bulabilirsiniz. Nasıl çalışıyoruz →

Doğru format, hızlı yüklenen ve net görünen bir mağaza demek. Teslim formatlarını ihtiyacınıza göre Çekimhane ile belirleyin, fiyat alın.