Mockup için dışa aktarma biçimi seçmek

Bir mockup aracından çıkaracağın her şeyi üç biçim karşılıyor ve seçim iki soruya iniyor: şeffaflık gerekiyor mu ve gideceği mağazanın bu konuda fikri var mı? Yanlış seçim ya reddedilen bir yükleme ya da gereksiz ağır bir sayfa üretiyor.

Mağazalar ve şeffaflık için PNG

PNG kayıpsız, alfa destekliyor ve her yerde kabul ediliyor. Mağaza görselleri, uygulama simgeleri ve sonradan başka bir zemine bindireceğin her mockup için kullan. Zayıf tarafı fotoğrafik içerikte dosya boyutu — ama gradyan üstündeki bir cihaz tam olarak PNG'nin verimli sıkıştırdığı içerik, yani bu nadiren gerçek bir maliyet. Mağaza görsellerinde alfa yasak olduğu için biçim izin verse bile düzleştirerek çıkarmayı unutma.

Dosya büyükse ve düz renk hâkimse JPEG

JPEG'in alfası yok ve detay kaybediyor; ama yüksek kalitede çoğu ürün render'ında fark edilmiyor ve dosya boyutu kesirlere iniyor. Büyük öne çıkan görsellerde ve bant genişliğinin piksel mükemmelliğinden önemli olduğu web görsellerinde doğru tercih. Yumuşak gradyanlardaki bantlanmaya dikkat et — bozulmaları önce orada görünüyor — ve JPEG'den JPEG çıkarma, kaynağa geri dön.

Web için WebP, yedek planla

WebP benzer kalitede ikisinden de küçük dosya veriyor ve şeffaflığı destekliyor; kendi siten için makul varsayılan. Mağaza yüklemelerinde kabul edilmiyor, o yüzden mağaza çıktılarını ayrı tut. Tarayıcı tabanlı bir araçtan çıkarıyorsan varlık başına bir PNG ana kopya çıkarıp siteye WebP'ye çevirmek, tasarım değiştiğinde elinde kayıpsız bir orijinal bırakıyor.