Kennisbank

Ja!

De meeste mobiele apparaten, waaronder iOS-apparaten (iPhone en iPad), en sommige computers (zoals de MacBook Pro Retina) ondersteunen afbeeldingen met een hoge resolutie.

Een afbeelding met een hoge resolutie (of Retina-afbeelding) heeft twee keer zoveel pixels als een normale afbeelding, maar dezelfde breedte en hoogte.

Daardoor kunnen afbeeldingen er op deze apparaten veel scherper uitzien. Met EverWeb is het heel eenvoudig om Retina-apparaten of apparaten met een hoge resolutie te ondersteunen.

Elke ingebouwde afbeelding in EverWeb wordt automatisch voor u omgezet naar een Retina-afbeelding. Heeft u bijvoorbeeld een knop gemaakt of een kleurverloop gebruikt, dan zorgt EverWeb ervoor dat die er op apparaten met een hoge resolutie geweldig uitzien, zonder extra stappen van uw kant.

U hoeft alleen te letten op afbeeldingen die u zelf aan uw website toevoegt. Om ervoor te zorgen dat uw website Retina-afbeeldingen gebruikt, doet u het volgende:

1) U heeft voor elke afbeelding die u aan EverWeb toevoegt twee afbeeldingen nodig: één op normale grootte en één op dubbele grootte. Let op: vergroot uw afbeelding van normale grootte niet gewoon tot twee keer zo groot. Dan heeft het toevoegen van Retina-afbeeldingen aan uw site geen zin.

2) Uw afbeelding van dubbele grootte moet zo heten:

[email protected]

Waarbij normal_image hetzelfde is als bij uw afbeelding van normale grootte, en png dezelfde bestandsextensie is als bij uw normale afbeelding. Het enige verschil is dat u bij uw Retina-afbeelding @2x vóór de bestandsextensie zet.

VOORBEELDEN VAN BESTANDSNAMEN

NORMALE AFBEELDING: traveling.png
RETINA-AFBEELDING: [email protected]

NORMALE AFBEELDING: myphoto.jpg
RETINA-AFBEELDING: [email protected]

3) Sleep daarna beide afbeeldingen naar de lijst Bestanden in EverWeb. Als u een van beide afbeeldingen op uw site gebruikt, zet EverWeb bij het publiceren van uw website zowel de normale als de Retina-versie online. Dat gebeurt met sterk geoptimaliseerde CSS-code, zodat de webbrowser van uw bezoeker alleen de afbeelding downloadt die bij het scherm van die bezoeker past.