Nyt værktøj får logoer til at lyse op på HDR-skærme i Chrome og Safari
Ved at bruge gain maps kan billeder nå en lysstyrke på 1.500 nits i understøttede browsere og på LinkedIn.
Læs i dit tempo
Begynder
Vidste du, at visse logoer og tekster kan lyse op på en High Dynamic Range (HDR) skærm? HDR betyder egentlig bare, at skærmen kan vise både meget dybe skygger og et meget kraftigt lys på samme tid. For at ramme den optimale lysstyrke på 1.500 nits (en måleenhed for lys), bruger man et såkaldt gain map efter standarden ISO 21496-1. Det fungerer som en lille vejviser i gråtoner, der fortæller softwaren, hvor meget hver enkelt prik i et Joint Photographic Experts Group (JPEG) billedformat må lyse op.
Teknologien understøttes af browserne Chrome 137+ og Safari 26 samt af LinkedIn. På LinkedIn benyttes et specifikt farvesprog kaldet BT.2100 PQ med en tilhørende profil fra International Color Consortium (ICC), så lysstyrken bevares. På andre platforme bliver vejviseren fjernet, og billedet ligner derfor blot et helt almindeligt foto.
Man kan også bruge Cascading Style Sheets (CSS), som er det sprog man bruger til at styre udseendet på hjemmesider, til at gøre tekst lysstærk. Ved at bruge koden `background-clip: text` forvandler man bogstaverne til små vinduer. Gennem disse vinduer kan man se et lysstærkt HDR-billede. Det virker i Chrome 137+ og Safari 26 på HDR-skærme, mens andre browsere blot viser teksten som almindelig hvid.
Men man skal passe på ikke at bruge for meget af det. Den høje lysstyrke bør kun væreforbeholdt overskrifter og små detaljer. Hvis man skriver hele tekststykker med 1.500 nits, bliver det simpelthen for voldsomt for brugerens øjne.
Vil du have, at jeg forklarer mere om, hvordan man rent praktisk opsætter disse »vinduer« i koden?
1.500 nits er den målte optimale lysstyrke, når logoer og tekst skal lyse op på HDR-skærme. Det nye værktøj opnår dette ved at tilføje et gain map (ISO 21496-1) til JPEG-billeder. Et gain map er et lille gråskala-billede, der fortæller softwaren, hvor meget lysere hver enkelt pixel må blive.
Chrome 137+, Safari 26 og LinkedIn understøtter teknologien. For LinkedIn skrives pixlerne i BT.2100 PQ med en matchende ICC-profil, som platformen bevarer. På andre platforme bliver gain maps fjernet eller normaliseret, så billedet blot fremstår som en almindelig JPEG.
CSS kan bruges til at gøre tekst HDR-lys via `background-clip: text`. Metoden gør bogstaverne til et vindue, der viser et HDR-billede i baggrunden. Dette virker i Chrome 137+ og Safari 26 på HDR-skærme, mens det i andre browsere blot viser hvid tekst.
Høje lysstyrker bør kun bruges til overskrifter og detaljer. Tekststykker på 1.500 nits er for voldsomme for brugeren.
Kilder
- Make your logo extra bright on HDR screens soverybright.com
Produktionshistorie
- Radar Signal ? af 100 · spredning 1 kilder
- Skrevet Model: mimo-v2.5-free · temperatur 0.4
- Overskrift 5 kandidater, valgt af chat.dk
- Vedtagelse ainews-auto-v3 · score 0.5