Yüklemeden Sonra Fotoğraflar Neden Soluk Görünüyor?

Bir ürün fotoğrafını düzenliyorsun, kırmızı gerçek kazağın rengini birebir tutturuyor, görseli mağazana yüklüyorsun — ve kırmızı tuğla rengi olarak geri geliyor. Yeşiller zeytin yeşiline kayıyor. Orijinali aynı ekranda aç: hâlâ kusursuz.

Bu sıkıştırma değil ve platform senin görsellerini "mahvetmiyor". Olağan sebep bir renk profili uyuşmazlığı: dosya renklerini bir dilde tarif ediyor, sayfa ise o sayıları başka bir dilde okuyor.

Aynı sayılar neden iki farklı renk üretiyor

Bir piksel üç sayıdır ve 200, 40, 40 ancak onu hangi renk uzayının ölçtüğünü bildiğin anda belirli bir kırmızı olur. Display P3, kırmızı ana rengini sRGB'ye göre daha dışarı taşır (x 0,68'e karşı 0,64), dolayısıyla aynı üçlü daha derin bir kırmızıyı tarif eder. Adobe RGB (1998) ise sRGB'nin kırmızı ve mavi ana renklerini birebir korur, onun yerine yeşili esnetir; yani fazladan erişimi yeşillerde ve camgöbeklerindedir. Her iki durumda da bu sayılar, sRGB varsayan bir tarayıcı için başka bir şey ifade eder.

Profil, hangi cetvelin kullanıldığını söyleyen nottur ve o not kaybolduğunda web sert bir varsayıma düşer. CSS Color Module Level 4 bunu açıkça yazıyor: uyumluluk için, HTML içinde belirtilen renkler ve etiketsiz görseller, aksi belirtilmedikçe sRGB renk uzayındaymış gibi ele alınmalı. Etiketsiz yüklemen hiçbir zaman aksini belirtmez; sonuç sRGB'dir.

Yani dosyan Adobe RGB ya da Display P3 olarak dışa aktarıldıysa ve profil yolda düşerse — yeniden kodlayan bir hat, üst veriyi soyan bir dönüştürücü — o geniş renk gamlı sayılar sRGB olarak okunur. Daha dar bir varsayımın içine sıkıştırılınca da doygunluğunu kaybeder; senin gördüğün solgun görünüm budur. Hangi renklerin zarar göreceği kaynağa bağlı: sRGB sanılan bir Adobe RGB dosyası tokluğunu yeşillerde ve camgöbeklerinde kaybederken, bir Display P3 dosyası doygun kırmızıları da düşürür. Nötrler neredeyse hiç kıpırdamaz: gri bir paket çekiminde hiçbir şey olmaz, mercan rengi bir mayoda felaket olur.

Sorunun ekranında değil, dosyanda olduğunu doğrula

Orijinali ve yüklenmiş hâlini tek bir tarayıcı penceresinde yan yana koy.

• Düzenleyicinde doğru, tarayıcıda sönük: profil sorunu.
• Tarayıcıda ikisi de aynı ama düzenleyicindekinden farklı: düzenleyicin, tarayıcının yok saydığı bir çalışma uzayında önizleme yapıyor.
• Yalnızca telefonunda ya da bir iş arkadaşının dizüstünde yanlış: ekran farkı, dosya değil.

Sonra orijinali bir tarayıcı sekmesine sürükle — tarayıcılar gömülü profile saygı gösterir. Yerel dosya doğru görünüyorsa ve yüklenen görünmüyorsa, etiketi atan yükleme hattıdır.

Dosyanın hangi profili taşıdığını bul

• macOS: dosyayı Önizleme'de (Preview) aç ve araç çubuğundaki Info düğmesine tıkla (ya da Command-I'ya bas), sonra görselin renk profilini listeleyen More info sekmesine bak.
• Photoshop: belge durum çubuğundaki oka tıkla ve Document Profile'ı seç.
• Lightroom: dışa aktarma penceresindeki Colour Space açılır menüsü, gerçekte gönderdiğin şeydir.
• Her şey, her platform: ExifTool bunu yazdırır — exiftool -ProfileDescription photo.jpg.

Web için sRGB dışındaki her şey şüphelidir. Yeni iPhone'lar fotoğrafları geniş renkte yakalıyor ve dosyayı buna göre etiketliyor — Apple, kamera özelliklerinde "fotoğraflar ve Live Photos için geniş renk yakalama" maddesini listeliyor. Bazı Android telefonlar da geniş renk gamlı yakalama seçeneği sunuyor, o yüzden dosyayı kontrol et.

sRGB'ye dönüştür — soyma da atama da yapma

Kulağa benzer gelen üç işlem, birbirinden çok farklı şeyler yapar.

• Soymak etiketi kaldırır ve sayılara dokunmaz: geniş renk gamlı veri artık kesinlikle sRGB olarak okunacaktır, yani işi daha da kötüleştirir.
• Atamak yeniden hesaplamadan yeni bir etiket yapıştırır; bu, görünümü değiştirir ve genellikle yanlış bir yöne.
• Dönüştürmek her pikseli yeniden hesaplar; renk, daha küçük uzayın izin verdiği kadar yakın kalır, sonra sRGB etiketi iliştirilir.

İstediğin dönüştürmedir: Photoshop'ta Edit › Convert to Profile ya da Lightroom'da dışa aktarma Colour Space ayarını sRGB'ye almak. En doygun renklerinin biraz kayacağını hesaba kat.

Tersi durum: fazla canlı görünen ekran görüntüleri

Aynı mekanizma, ters yön. Geniş renk gamlı bir ekrandan alınan ekran görüntüsü, renk değerlerini o ekranın uzayında kaydeder. macOS'te alınan ekran görüntüleri genellikle ekranın profili iliştirilmiş olarak kaydediliyor; başka yakalama araçları bir profil eklemeyebiliyor. sRGB olarak geri okunduğunda aynı sayılar, gördüğünden daha doygun çizilir: neon yeşiller, güneş yanığı tenler. Çözüm aynı.

Arka planı değiştirirken bunun önemi

Uyuşmayan bir profil burada artık ince bir ayrıntı olmaktan çıkar. remover.bg içinde bir kesiti kendi marka renginin üstüne bırak, sonra o görseli, CSS'te aynı hex kodunun bir blok olarak verildiği bir sayfaya koy: CSS rengi sRGB olarak çizilir.

Görsel farklı bir etiket taşıyorsa tek bir rengin iki tonu yan yana durur ve birbirini tutmaz. Yüklemeden önce sRGB'ye dönüştürmek, belirsizliği kaynağında ortadan kaldırır.

Saf beyaz dönüştürmeden değişmeden çıkar, yani tek başına bir uyuşmazlık pazaryerinin beyaz arka plan denetiminden kalmana yol açmaz — zarar gören şey ürün renkleridir. Format da kurtarmaz: PNG, JPEG ve WebP profil taşır ve etiket kaybolduğunda hepsi yanlış okunur, şeffaf kesitler dâhil.

Bir sonraki yüklemeden önce

Dışa aktarma renk uzayını, gerçekten kullandığın ön ayarda bir kez sRGB'ye ayarla; sorun tekrarlamayı bıraksın. Sonra tek bir yüklemeyi tek bir ekranda orijinaliyle karşılaştır: renkler yerinde duruyorsa hattın temizdir.