Menu

Sådan optimerer du til retina billeder

Det er efterhånden nogle år siden, at de nye såkaldte retina-skærme dukkede op. Men der er alligevel stadigvæk mange hjemmesider, der ikke er blevet tilpasset.

retina-øje2Retina er det engelske ord for nethinde. Det er en del af det inderste af øjet. Mennesket er fantastisk skabt, og øjet er noget af det allerfineste vi har. De seneste år er HD opløsning blevet overhalet af den nye retina opløsning. Det betyder, at mange af de nye computerskærme bliver solgt med en skærm, som er fire gange så skarp som HD-skærmene. Og heldigvis for det. For man kan med det blotte øje se forskellen: Tekst og billeder står meget skarpere. Det skyldes, at vores øjne faktisk passer ret godt til retina opløsning (se video nederst)

Problemet ift. til hjemmesider er, at man derfor også bliver nødt til at udskifte billederne her. Gør man ikke det, vil billederne på en retina-skærm se slørede og uprofessionelle ud. Se disse to eksempler. Har du en retina-skærm, kan du let se forskellen. Men har du ikke det, så ved du ikke, at den første ser sløret ud på en retina computerskærm.

logo

HD-kvalitet.

retina-logo

Retina-kvalitet

På en retina skærm vil det første billede i HD-kvalitet se (nogenlunde) sådan ud som på billedet nedenunder.
Kan du se hvordan det pixelerer og ser uskarpt ud?

eksempel3
Ikke lige den måde man ønsker at præsentere sig på online, vel?

Løsningen

Den hurtige løsning er, at lave alle billeder dobbelt så store og derefter uploade dem. Bemærk, at du ikke kan tilføje kvalitet til et billede, som bare ikke er større. Det hjælper ikke at forstørre. Du skal have fat i det originale billede. Hvis det originale billede i udgangspunktet ikke har en høj nok opløsning, så lad være med at bruge det og brug et andet.

Det kan være bittert og tidskrævende, at skulle udskifte mange billeder på hjemmesiden. Men det er det værd. Alternativet er, at din virksomhed virker gammeldags og uprofessionel.

Det vigtigste

Måske er det ikke relevant, at udskifte alle billeder på en hjemmeside. Hvis du har rigtig mange artikler med billeder, så gør det måske ikke så meget, at de ikke alle er helt skarpe. Men når det gælder dit logo og andre vigtige visuelle elementer på især din forside, så er der ingen vej udenom. Skift det hellere i dag end i morgen!

Se gode, gamle Steve Jobs forklare, hvad retina er for noget i denne video:

Har du ikke en retina-skærm? Så lad mig gratis gennemgå din hjemmeside og give dig råd om forbedringsmuligheder. Kontakt mig her.

Henrik Engedal

Om Henrik Engedal

Henrik arbejder som grafisk designer og har en passion for det smukke, det sande og det skæve. Og han deler det gerne med dig! Har du spørgsmål eller brug for hjælp til et projekt, så kontakt ham. Klik her.

Ingen kommentarer

Skriv en kommentar

Du kan bruge disse HTML tags og egenskaber: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>