Ekran aynı görünürken dosya değişebilir
Ekran görüntüsü, yakaladığı canlı arayüz değil bir raster görseldir. Yüksek yoğunluklu ekran, aynı görünür yerleşim için daha çok piksel kaydedebilir. Bu metni keskin tutar, fakat küçük önizlemeyi okuyan kişi tam kayda ihtiyaç duymayabilir.
PNG açıklamamız ekran görüntülerini genel olarak ele alır. Burada etkiyi ayırmak için deneye özel tasarlanan, hesap bilgisi veya üçüncü taraf markası içermeyen bir arayüz kullanıyoruz. Yükleme rehberi, hedef dosyayı reddettiğinde nelerin kontrol edileceğini anlatır.
Kontrollü çekimden sonra gerçek sıkıştırma
2026-10-29 tarihli çekimde, yerelde oluşturulan aynı arayüz 1× ve 2× yoğunlukta kullanıldı. Genişlik ve yüksekliğin ikisini de ikiye katlamak piksel sayısını 4 katına çıkarır; dosya boyutunun sabit oranda artacağı anlamına gelmez. İki çekim de Bitinz ile Dengeli seviyesinde işlendi.
Her çekim için bir PNG çıktısı ve bir WebP dönüşümü tuttuk. Çıktı dosyalarının aynı olduğunu kontrol etmek için her ayarı 3 kez çalıştırdık. Kaynak dosyaları, sağlamalar ve çıktı kayıtları deneyle birlikte sunulur; genel yöntem yayın politikamızda açıklanır.
Yoğunluk ve biçim ayrı gösteriliyor
Önce aynı yoğunluktaki PNG ile WebP'yi karşılaştırın. Daha çok piksel kaydetmenin ayrı maliyetini görmek için sonra iki kaynağa bakın.
| Görsel | Piksel | Çıktı | Seviye | Önce | Sonra | Tasarruf |
|---|---|---|---|---|---|---|
interface-1x.png | 800 × 500 px | PNG | Dengeli | 42.8 KB | 13.3 KB | 68.8% |
interface-1x.png | 800 × 500 px | WebP | Dengeli | 42.8 KB | 11.1 KB | 74.1% |
interface-2x.png | 1600 × 1000 px | PNG | Dengeli | 101.5 KB | 30.6 KB | 69.9% |
interface-2x.png | 1600 × 1000 px | WebP | Dengeli | 101.5 KB | 27.6 KB | 72.8% |
Bitinz · 1 KB = 1000 bayt.
İncelemek için metin alanı yararlıdır
Kaynak PNG ayrıntısı
Sıkıştırılmış PNG ayrıntısı
Küçük metinler, ince çizgiler ve hafif gölgeli paneller, büyük boş arka planlardan daha çok dikkat ister. Kesiti tam boyutta, sonra ekran görüntüsünü okuyucunun gerçekten göreceği genişlikte inceleyin.
Daha küçük WebP, hedef onu kabul ediyor ve yazılar okunaklı kalıyorsa yararlıdır. Ekran görüntüsünün PNG olması gerekiyorsa doğrudan sıkıştırılmış PNG ile karşılaştırın. Ekran görüntüsü gerekmediğinde sayfadaki metni gerçek metin olarak tutun.
Okuyucunun görmesi gerekeni seçin
Yüklemeden önce ilgisiz çevreyi bir düzenleyicide kırpın. Bu, sıkıştırmadan ayrı bir içerik kararıdır; hem dikkat dağıtan alanı hem pikselleri azaltır. İlgili denetim ve yakındaki etiketi gibi yönergeyi anlamak için gereken bağlamı koruyun.
Bir belge sayfası büyütülebilen, keskin ve yüksek yoğunluklu görsele ihtiyaç duyabilir. Sohbet önizlemesi için yalnızca ilgili alan yeterli olabilir. Her ekran görüntüsünü aynı boyuta küçültmek yerine gerçek hedefi deneyin.
PNG gerekiyorsa PNG sıkıştırıcıyı, kendi siteniz içinse PNG'den WebP'ye dönüşümü deneyin. İkisini de kaynakla karşılaştırın; biçimi okunabilirlik ve hedef desteği belirlemeli.
Okunaklı ekran görüntüsü hazırlayın
- Yalnızca gerekli arayüz ve bağlamı yakalayın.
- Kaynak PNG'yi saklayıp bir kopyasını sıkıştırın.
- Yazıları ve ince çizgileri tam boyutta ve hedef gösterim genişliğinde karşılaştırın.
- Hedefin desteklediği biçimdeki daha hafif, kabul edilebilir dosyayı kullanın.
SSS
- 2× ekran görüntüsü iki kat piksel mi içerir?
- Genişlik ve yüksekliğin ikisi de ikiye katlanırsa görsel 4 kat piksel içerir. Dosya boyutu oranı ayrıca içerik ve biçime bağlıdır.
- Ekran görüntülerini her zaman WebP'ye çevirmeli miyim?
- Hedef kabul ediyor ve metin açık kalıyorsa WebP kullanın. PNG gerektiğinde veya o ekran görüntüsünde daha yararlı sonuç verdiğinde PNG'yi koruyun.
- Bitinz ekran görüntüsünü kırpar veya boyutlandırır mı?
- Kırpma ve boyutlandırma bir görsel düzenleyicide yapılan hazırlık adımlarıdır. Bitinz dosyayı yüklediğiniz boyutlarda işler.