Ücretsiz araç, ISO 21496-1 gain map'lerle logoları HDR ekranlarda beyazdan 7,5 kat daha parlak parlatıyor

Araç ne yapıyor

Hacker News'in ana sayfasına ulaşan ücretsiz bir web aracı, herkesin bir logo yüklemesine, hangi renklerin parlaması gerektiğini seçmesine ve bu alanların yetenekli bir HDR ekranda düz beyazdan 7,5 kata kadar daha parlak görüntülendiği bir JPEG indirmesine olanak tanıyor. soverybright.com'daki proje sayfasına göre servis PNG, JPEG ve WebP yüklemelerini kabul ediyor, sunucularında hiçbir şey tutmuyor ve görselin temel piksellerine dokunmuyor — HDR desteği olmayan donanım veya platformlarda indirme, sıradan bir JPEG gibi davranıyor.

En güçlü ayar, seçilen pikselleri beyazın 2,9 durak üzerine çıkarıyor; site bunu kabaca 1.500 nit olarak değerlendiriyor ve gerçek ekranlarda ölçülen pratik en ideal nokta olarak tanımlıyor. Bu rakamlar aracın kendi sayfasından geliyor ve bağımsız olarak doğrulanmadı.

HDR etkisi nasıl kodlanıyor

Araç iki varyant üretiyor. Genel web için, ISO 21496-1 gain map gömüyor: HDR'den haberdar yazılıma her pikselin ne kadar ileri gidebileceğini söyleyen, dokunulmamış temel görselin yanında saklanan küçük bir gri tonlu yardımcı görsel. LinkedIn için ise farklı bir yol izliyor: pikselleri BT.2100 PQ ile eşleşen bir ICC profiliyle kodluyor — sitenin ifadesine göre LinkedIn uygulamaları bu yaklaşımı kaldırmak yerine koruyor.

Neyi iyi parlatıyor

Koyu arka planlardaki açık, beyaza yakın öğeler en çok yarar sağlıyor. Sayfadaki örnekler arasında beyazların otomatik olarak seçildiği siyah zemin üzerine beyaz bir wordmark, beyaz halkası ve mavi marka renginin (#2f6bff) aynı tepe değere yükseltildiği yörünge biçimli bir logo ve koyu turkuaz üzerine krem renkli metin (#f5e9c8) bulunuyor. Koyu renkler kötü adaylar: yükseltildiklerinde parlamak yerine solgun bir neon gibi göründükleri bildiriliyor.

Gerçekte nerede görüntüleniyor

Gain map'li JPEG'ler, HDR donanımında Chrome 137+ ve Safari 26'da (iOS 26 dahil) görüntüleniyor; Apple Photos ve LinkedIn uygulamaları da bu biçimlere uyuyor. Diğer çoğu platform HDR verisini kaldırıyor veya normalize ediyor; bu durumda altta yatan görsel değişmeden gösteriliyor ve görünür bir şey bozulmuyor.

Beyazın ötesinde metin

CSS şu anda #FFFFFF'ten daha parlak bir renk ifade etmenin bir yoluna sahip değil, çünkü CSS Color HDR'deki HDR renk uzayları hâlâ taslak aşamasında. Araç bir geçici çözümü belgeliyor: background-clip: text kullanarak 64×64 boyutunda, düzgün bir gain map taşıyan beyaz bir JPEG'i gerçek metnin arkasına yerleştirmek ve harfleri HDR görseline açılan bir pencereye dönüştürmek. Aracın kendi sayfasındaki başlık bu şekilde yapılmış ve seçilebilir metin olarak kalıyor.

Sitenin bu teknik için önerileri spesifik. @media (dynamic-range: high) ile koşullandırın; böylece SDR ziyaretçiler, Firefox kullanıcıları ve baskı geleneksel bir renk görür. background-clip'in yalnızca elementin kutusunun içinde boyadığını unutmayın; taşan bir satır kesilir. Etkiyi başlıklar ve vurgular için saklayın, çünkü 1.500 nit'te tam bir paragraf okunması hoş olmayan bir deneyimdir; varsayılan okunmaz hale gelirse ::selection'a görünür bir renk verin. Sayfa ayrıca filter: brightness()'ın neden bir alternatif olmadığını açıklıyor: sayfa SDR'de birleştiriliyor ve hiçbir filter ya da blend mode, bir CSS rengini beyazın ötesine taşıyamaz — yalnızca gerçek HDR içerik bu fazladan alanı elde eder.

Neden önemli

Gain map görsellerine tarayıcı desteği henüz geldi ve CSS düzeyinde HDR rengi hâlâ tamamlanmamış bir taslak; dolayısıyla sayfaya beyazdan daha parlak bir şey koymak için şu anda standart, bildirimsel bir yol yok. Bu araç, geçici çözümü — standartlaştırılmış, geriye dönük uyumlu bir JPEG ve metin için bir kırpma hilesi — bir tasarımcının kod yazmadan kullanabileceği bir biçimde paketliyor ve HDR'nin desteklenmediği her yerde zarif bir geri düşüş sağlıyor.

Ayrıca HDR web'in uygulamada ne kadar düzensiz olduğunu da gösteriyor: LinkedIn PQ kodlamalarını koruyor, çoğu platform gain map'leri tamamen kaldırıyor ve yalnızca belirli tarayıcı, işletim sistemi ve ekran kombinasyonları herhangi bir etki gösteriyor. Parlayan logolar meşru bir tasarım ortamına dönüşür mü yoksa okunabilirlik sorunu mu olur bilinmez, arkasındaki yetenek artık denemek için ücretsiz ve ucuz.