Retina-schermen laten afbeeldeingen en tekst extra scherp zien. De teksten worden beter leesbaar. Ook je afbeeldingen zien er scherper uit.
IN DEZE HANDLEIDING:
- 1 Wat is een retina beeldscherm?
- 2 Resolutie foto afbeelding geschikt maken voor WordPress
- 3 Beste beeldscherm monitor resolutie 4k pc Mac windows
- 4 Meest gebruikte schermresoluties pixels desktop mobiel
- 5 Formaten voor social media afmetingen van afbeeldingen
- 6 Retina afbeeldingen voor webdesign en beeldschermen
- 7 Meer tips over afbeeldingen en beeldkwaliteit
Wat is een retina beeldscherm?
Retina-display is een merknaam die gebruikt wordt door Apple voor de serie IPS LCD en OLED displays die een hogere pixeldichtheid dan traditionele Apple displays. Apple heeft zich aangemeld om de term “Retina” te registreren als handelsmerk met betrekking tot computers en mobiele apparaten. De manier waarop een retina-display alles scherper laat zien heeft dus te maken met de dichtheid en aantal pixels dat wordt weergegeven.
Hoe werkt een Apple retina display?
Wanneer een Apple product een Retina-display heeft, wordt elke gebruikersinterfacewidget verdubbeld in breedte en hoogte om de kleinere pixels te compenseren. Apple noemt deze modus HiDPI-modus. In eenvoudiger woorden, het is één logische pixel = vier fysieke pixels aan het begin. Het voordeel van deze vergelijking is dat de CPU een klein deel van de gegevens “ziet” en de relatieve posities van elk element berekent, en de GPU geeft deze elementen een hoge kwaliteit om de uitvoer veel scherper en duidelijker te maken. Het doel van Retina-displays is om de tekst en afbeeldingen die worden weergegeven extreem scherp te maken, zodat pixels niet zichtbaar zijn met het blote oog of op kijkafstand. Hierdoor kunnen displays wedijveren met de vloeiende curven en de scherpte van gedrukte tekst en de directheid van fotografische afdrukken.
Meer handleidingen over resolutie, beeldschermen voor webdesign
Resolutie foto afbeelding geschikt maken voor WordPress
Het juiste formaat van afbeeldingen in pixels voor WordPress. Leer hoe je originele foto’s het beste kunt aanpassen zodat je website zo snel mogelijk draait.
Beste beeldscherm monitor resolutie 4k pc Mac windows
Zoek je een nieuwe monitor om op te werken voor WordPress en webdesign? Hier vindt u de monitor voor uw desktop of laptop. IN DEZE HANDLEIDING:1 Welke monitor past bij webdesign en WordPress2 Pixeldichtheid van beeldschermen3 Beeldschermen en WordPress (Windows/Mac)4 De beste beeldschermen en monitors voor WordPress Welke monitor past […]
Meest gebruikte schermresoluties pixels desktop mobiel
IN DEZE HANDLEIDING:1 Meest voorkomende beeldschermresoluties voor webdesign2 Overzicht beeldschermresoluties desktop tablet en telefoon3 Overzicht resoluties en beeldschermen4 Meer handleidingen over resolutie en beeldschermen voor webdesign Meest voorkomende beeldschermresoluties voor webdesign Beeldschermresoluties, resoluties en pixels van beeldschermen Schermresolutie is een term die wordt gebruikt om het aantal gebruikte pixels op […]
Overzicht van afmetingen en resolutie voor profielfoto’s en afbeeldingen van Social media als Facebook, Instagram, Twitter, Pinterest, Youtube en Linkedin.
Retina afbeeldingen voor webdesign en beeldschermen
Retina werkt mooi voor fonts en lettertypes. Typografie wordt automatisch groter of kleiner gemaakt. Afbeeldingen daarentegen zullen er op een retina-scherm minder scherp uit zien! Vooral zaken als logo’s worden op een retina-scherm “korrelig” doordat er vier keer zo veel pixels op hetzelfde oppervlak zitten. Daarom is het belangrijk om voor dit soort afbeeldingen een speciale retina-versie te uploaden. In dit artikel leggen we je uit hoe je dat doet!
Retina afbeeldingen voor WordPress website
Veel premium WordPress-themes hebben in het Theme Optiess-paneel een mogelijkheid om je logo op meerdere manieren te uploaden. Meestal vind je deze in WP > Weergave > Customizer. Hier krijg je vaak ook de mogelijkheid om een retina-versie te uploaden. Dit is handig. Het enige dat je dan hoeft te doen is een plaatje te uploaden dat twee keer zo groot is. Je thema moet dit dus wel kunnen. Bij de thema’s in het volgende artikel is dit mogelijk:
Afbeeldingen voor Retina WordPress website maken
Dit is een erg handige plugin om afbeeldingen voor Retina en WordPress websites geschikt te maken:
Meer tips over afbeeldingen en beeldkwaliteit
Meer handleidingen over hoe je foto’s en afbeeldingen kan optimaliseren:
- Automatisch formaat grote afbeelding verkleinen WP
- Afbeelding SEO optimaliseren WP handleiding gevorderden
- WP-Optimize MySQL database opruimen onderhoud WP Plugin
Cursussen over afbeeldingen en compressie
Meer over retina en beeldkwaliteit leer je bij één van onze ontwerpcursussen, speciaal voor ontwerpers en designers: