Kısa cevap
Raster görsel, görüntüyü bir piksel ızgarasında renk değerleriyle saklayan görsel türüdür.
Nerede işine yarar?
Fotoğraf ve çok ayrıntılı görüntülerde kullanılır. Dosya boyutu, piksel ölçüsü ve sıkıştırma birlikte seçilir. Kullanım alanından çok daha büyük bir görsel göndermek gereksiz aktarım yaratabilir; gereğinden fazla küçültmek de ayrıntıyı bozar.
Tanımdan uygulamaya, kendi denemene.
Bir cümlede uygulaması
Bir kartta küçük gösterilecek fotoğraf için bütün ekranı dolduracak kaynak yerine uygun boyut üretmek.
Neyle karıştırılmamalı?
Raster görüntüyü sınırsız büyütmek, vektör gibi yeni ayrıntı üretmez.
Büyük dosya her zaman daha iyi görüntü değil.
Bir portfolyo kartında fotoğraf küçük bir alanda gösteriliyor olsun. Kaynak görsel çok büyük olduğu için kartın ihtiyaç duyduğundan fazla veri aktarılıyor; fakat fotoğraf yine yanlış kırpım nedeniyle konuyu anlatmıyor. Raster görsel hazırlığı yalnız çözünürlük artırmak değildir. Piksel ölçüsü, kadraj, sıkıştırma ve kullanım alanı birlikte düşünülür. Yüksek kaliteli kaynak saklanabilir, yayın için ise gerçek ihtiyaca uygun sürümler hazırlanabilir. Kaynağı korumakla her ziyaretçiye en büyük dosyayı göndermek farklı kararlardır.
Örnekte bir iç mekan projesinin fotoğrafı kare kartta, geniş detay sayfasında ve telefonda kullanılacak. Kare sürümde önemli mimari ayrıntı kesiliyorsa aynı merkez kırpımı her yerde kullanmak doğru olmayabilir. Görselin odak noktası belirlenir ve farklı alanlarda nasıl korunacağı düşünülür. Detay sayfası daha fazla alan istediği için başka bir ölçü veya oran kullanabilir. Kartın görevini, ayrıntı görüntüsünün göreviyle karıştırmamak hem anlatıyı hem teknik sunumu netleştirir.
Sıkıştırmayı gerçek görüntü üzerinde değerlendir. İnce çizgiler, yazılar, yumuşak geçişler ve yoğun dokular aynı ayarda farklı etkilenebilir. Dosya küçüldü diye bütün ayrıntılar kabul edilebilir hale gelmez; aynı şekilde küçük bir fark için gereksiz büyük dosya taşımak da zorunlu değildir. Farklı sürümleri normal kullanım boyutunda karşılaştırmak gerekir. Aşırı yakınlaştırılmış görüntüde görülen farkın gerçek kullanıcı deneyiminde anlamlı olup olmadığı ayrıca düşünülür.
Görselin web sayfasındaki yerini de baştan ayır. Boyut veya oran bilgisi verilmediğinde görüntü geldiğinde çevresindeki içerik hareket edebilir. Açıklayıcı alt metin, görselin ne işe yaradığına göre yazılır; yalnız dekoratif olanla bilgi taşıyan fotoğraf aynı şekilde ele alınmaz. Bu çalışma belirli bir dosya biçiminin her projede en iyi olduğunu söylemez. Görüntünün içeriği, gereken saydamlık, destek koşulları ve kullanım boyutu birlikte seçimi belirler.
Piksel ölçüsü, dosya boyutu, görünen kalite.
Daha fazla piksel
Görüntünün genişlik ve yükseklik boyunca taşıdığı örnek sayısını artırır. Bu, büyük alanda gösterim için gerekli olabilir ama düşük kaliteli kaynağı otomatik olarak düzeltmez. Ayrıca görüntüdeki sıkıştırma izleri veya yanlış kadraj yalnız ölçü büyütülerek çözülmez. Webde görüntünün gerçekten ne kadar alan kapladığı ve hangi cihaz koşullarında gösterildiği düşünülmelidir. Bütün varlıklar için tek bir en büyük ölçü belirlemek verimli bir yayın sistemi kurmaz.
Amaca uygun görüntü
Doğru kaynak, gerekli ölçü, uygun kırpım ve kabul edilebilir sıkıştırmayı bir araya getirir. Kart, hero ve detay medyası farklı ihtiyaçlar taşıyabilir. Aynı ana fotoğraftan bu kullanımlara uygun sürümler üretilebilir. Karar yalnız dosyayı olabildiğince küçültmek değildir; görüntünün anlattığı bilgiyi korumaktır. Bir ürünün önemli ayrıntısını bozacak küçültme, teknik olarak hafif ama iletişim açısından yetersiz bir sonuç oluşturabilir.
Piksel bütçesini doğru ayırmak
Raster görselin ayrıntısı piksel boyutuyla sınırlıdır. Web sayfasında ihtiyacın çok üstünde boyut göndermek kaliteyi görünür biçimde artırmadan aktarımı büyütebilir. Hedef ekranda gereken boyut, format ve sıkıştırma birlikte seçilir; özellikle şeffaflık ve ince kenarlar kontrol edilir.
- Görünen boyuta uygun çözünürlük üret.
- Sıkıştırma sonrası kenar ve yazı ayrıntısını incele.
- Farklı ekranlara uygun görsel sürümlerini sun.
Dosya boyutu ile çözünürlük aynı mı?
Hayır. Çözünürlük piksel boyutunu anlatır; dosya boyutu format, sıkıştırma ve görselin içeriğine de bağlıdır. Aynı çözünürlükteki iki görüntünün aktarım maliyeti farklı olabilir.
İşin içinde sorulacaklar.
Raster görsel büyütülemez mi?
Büyütülebilir, fakat kaynakta bulunmayan gerçek ayrıntının aynı biçimde korunacağı varsayılmaz. Yazılımlar aradaki pikselleri hesaplayabilir veya yeni ayrıntılar tahmin edebilir. Bu işlem özellikle ürün, belge veya doğruluk taşıyan görüntülerde dikkatle değerlendirilmelidir. Daha büyük ölçüde bir dosya elde etmek ile özgün ayrıntıyı geri kazanmak aynı şey değildir. Mümkün olduğunda gereken kullanım için yeterli kaynakla başlamak daha güvenilir bir üretim yoludur.
Hangi dosya biçimini seçmeliyim?
Fotoğraf, düz renkli grafik, saydam arka plan ve hareketli görüntü farklı ihtiyaçlar doğurur. Biçimlerin sıkıştırma özellikleri ve kullanılan platformun desteği değerlendirilir. Tek bir uzantıyı bütün görseller için zorunlu görmek yerine içerik türüne göre karar verilir. Web yayınında modern biçimler yararlı olabilir; ancak gerçek sonuç görüntü kalitesi, dosya boyutu ve sunum zinciriyle birlikte incelenmelidir. Kaynak dosyayı ayrı saklamak, yayın biçimini ileride değiştirmeyi kolaylaştırır.
Fotoğrafın üstündeki metni görüntüye gömmeli miyim?
Kullanım amacına bağlıdır. Bir afişin bütün tasarımı görsel olarak paylaşılabilir, fakat web sayfasındaki önemli bilgi yalnız görüntünün içine gömülürse okunurluk, uyarlama ve erişilebilirlik sorunları doğabilir. Metni gerçek HTML olarak sunmak farklı ekranlarda daha esnek olabilir. Görselin bir belge veya tasarım örneği olduğu durumlarda ise uygun açıklama ve bağlam sağlanır. Karar, metnin süs mü yoksa kullanıcının ihtiyaç duyduğu bilgi mi olduğuna dayanmalıdır.
Alt metin dosya adını tekrar etmeli mi?
Genellikle dosya adını söylemek görselin görevini açıklamaz. Alt metin, görüntünün bulunduğu bağlamda taşıdığı anlamı aktarmalıdır. Aynı fotoğraf farklı sayfalarda farklı işlev görebilir. Dekoratif bir görsel gereksiz açıklamayla okuma akışını uzatmamalı; bilgi taşıyan bir görsel de yalnız görsel diye etiketlenmemelidir. Uzun veya karmaşık bilgi varsa sayfa içinde gerçek açıklama sağlamak, bütün içeriği tek bir alt metne sıkıştırmaktan daha uygun olabilir.
Bir fotoğrafın üç kullanımını hazırla.
Aynı kaynak fotoğrafı bir kart, geniş içerik alanı ve dar ekran için düşün. Her sürümde görüntünün hangi ayrıntıyı koruması gerektiğini belirle. Amaç üç farklı dosya üretmekten önce, üç farklı kullanımın gerçekten neye ihtiyaç duyduğunu anlamak.
Raster görselin kalitesi yalnız piksel sayısına bağlı değildir. Doğru kadraj, temiz kaynak, uygun dışa aktarım ve anlamlı sayfa bağlamı birlikte gerekir. Görüntü kullanıcıya gerekli ayrıntıyı taşıyıp gereksiz yük oluşturmadığında teknik ve görsel karar aynı yerde buluşur.
Bağlantılı kavramlar
- VektörVektör grafik, görseli piksel dizisi yerine geometrik şekiller, yollar ve matematiksel ilişkilerle tanımlar.
- Responsive tasarımResponsive tasarım, arayüzün farklı ekran ölçülerinde içerik ve etkileşim önceliklerini koruyarak uyarlanmasıdır.
- LCPLCP, sayfanın görünür alanındaki en büyük uygun içerik öğesinin gösterilme zamanını ölçen bir yükleme metriğidir.