Modern web tarayıcıları ve içerik yönetim sistemleri, görüntüleri herhangi bir ayarda görüntülenecek şekilde optimize eder. Ancak, bir görüntünün görünebileceği her olası form faktörü ve konum için optimize edilmiş görüntüler hazırlamak en iyisidir. Üç şeye odaklanın: görüntü çözünürlüğü, boyut ve renk alanı.
Görüntülerdeki Renk Alanı
Grafik tasarımcıları iki ana renk uzayına güvenir. Bir renk uzayı, ana renklerin bir araya gelerek karmaşık renk gökkuşakları oluşturduğu bir yöntemdir.
Mobil cihazlar için görüntüler hazırlarken RGB modunu kullanın. Bilgisayar monitörleri ve akıllı telefonlardaki görüntüler, kırmızı, mavi ve yeşil piksellerin bir kombinasyonuna dayanır. Bu RGB görüntüsü, bir ekranda istenen renkleri doğru bir şekilde yeniden üretmek için optimize edilmiştir.
Baskı için tasarımcılar, her rengin camgöbeği, macenta, sarı ve siyah kombinasyonuna damıtıldığı dört renkli bir süreç kullanır. Bazen bu nedenle dört renkli görüntülere CMYK görüntüleri denir.
Görüntü Çözünürlüğü
Özellikle mobil platformlardaki görseller, kaliteyi mobil ağlardaki indirme hızıyla ve dosya boyutunu mobil veri sınırlarıyla dengelemek için mümkün olduğunca küçük olmalıdır.
Adobe Creative Cloud uygulamaları da dahil olmak üzere çoğu program, görüntüyü çeşitli çözünürlük ve sıkıştırma kombinasyonlarında gösteren bir Web için Dışa Aktarma aracını destekler. En düşük toplam boyutta en kaliteli resmi seçin.
Piksel Olarak Görüntü Boyutu
Her görüntü kullanım amacına göre boyutlandırılmalıdır. İşte popüler web kullanımları için bazı örnek resim boyutları:
- İnternet banner reklamları genellikle 468 x 60 pikseldir.
- Facebook kapak resimleri 851 piksele 315 piksel olmalıdır.
- Twitter profil fotoğrafları 400 x 400 piksel olmalıdır.
- Paylaşılan bağlantıların resimleri 1200 piksele 630 piksel olmalıdır.
Belirli amaçlar için fotoğraflarla çalışırken, en uygun resim boyutlarını doğrulamak için o fotoğrafın görüneceği yeri (bir sosyal medya sitesi veya bir blog gibi) kontrol edin ve ardından resmin gerilmesini veya kırpılmasını önlemek için buna göre boyutlandırın.
Pikselleşmeyi önlemek için gerçek ekran boyutunu hedefleyin. Bir görüntü düzgün boyutlandırılmış olsa bile, doğru boyutlandırılmamışsa, görüntünün mevcut alanı karşılayacak şekilde büyütülmesi gerekiyorsa ortaya çıkan ürün pikselli görünebilir.
Vektör Görseller Hakkında
Vektör görüntüler-cihaz tarafından hesaplanan ve çizilen görüntüler– genellikle raster görüntülerden (bir seferde bir piksel çizilen görüntüler) daha verimli ve daha kalitelidir çünkü görüntü kalitesini etkilemeden büyütülebilir ve küçültülebilir. Basit logolar, çizimler ve grafikler için vektör versiyonu idealdir. Fotoğraflar için vektör biçimleri kullanılmaz.
