Görsel Çözünürlük Rehberi — DPI, PPI, Piksel
DPI, PPI ve piksel terimleri sıkça karıştırılır. Bu rehberde her birinin ne anlama geldiğini, web ile baskı arasındaki farkları ve Retina ekranlar için ne tür boyutlar kullanmanız gerektiğini açıklıyoruz.
DPI vs PPI
DPI (Dots Per Inch), yazdırma dünyasında bir inç başına baskı noktası sayısını ifade eder. PPI (Pixels Per Inch) ise ekranlarda bir inç başına piksel yoğunluğudur. Dijital görsellerde çoğu durumda PPI kullanılır; DPI terimi yanlışlıkla PPI yerine kullanılsa da teknik olarak farklıdır. Web tarafında tarayıcılar PPI/DPI değerini genellikle yok sayar; önemli olan piksel boyutlarıdır.
Web İçin Piksel Boyutları
Web'de görsel, CSS ile tanımlanan veya viewport'a göre ölçeklenen piksel cinsinden boyutlarla gösterilir. Tipik içerik genişliği 1140–1200px civarındadır. Tam genişlik hero görseli için 1920px veya 2560px (geniş monitörler) kullanılabilir. Mobilde 640–768px genişlik çoğu durumda yeterlidir. Web için görsel hazırlama rehberimizde pratik öneriler bulabilirsiniz.
Retina ve Yüksek Çözünürlük Ekranlar
Retina ve benzeri ekranlar, CSS pikseli başına 2 veya 3 fiziksel piksel kullanır. Görüntü keskin görünsün istiyorsanız görseli 2x boyutta hazırlayın (örneğin 1200px yerine 2400px). srcset ile Retina cihazlara 2x versiyon sunabilirsiniz. 3x ekranlar için de 3x görsel sunulabilir; ancak boyut artışı hızı etkileyebilir; çoğu projede 2x yeterlidir.
Baskı İçin Çözünürlük
Baskıda fiziksel boyut ve çözünürlük birlikte önemlidir. 300 DPI, profesyonel baskı için standart kabul edilir. Örnek: 4×6 inç bir fotoğraf için 1200×1800 piksel gerekir (4×300 ve 6×300). Web görselleri genellikle 72 veya 96 PPI ile kaydedilir; baskıya gönderirken 300 DPI ve uygun piksel boyutlarına yükseltmek gerekir.
Pratik Özet
Web için: piksel boyutuna odaklanın; görseli gösterim alanından daha büyük kaydetmeyin. Retina için 2x boyut sunun. Baskı için: 300 DPI ve hedef fiziksel boyuta uygun piksel sayısı kullanın. Dosya boyutunu azaltmak için gereksiz yüksek çözünürlükten kaçının. Sıkıştırma aracımızla boyutu ayarlayıp format seçerek optimize edebilirsiniz.
Görsellerinizi hemen optimize edin.
Sıkıştırma Aracına Git →