Dynamische afmetingen afbeeldingen in Accessify WCMS

Geschreven door: op donderdag 31 januari 2019

Leestijd:

Als je een afbeelding uploadt om te kunnen gebruiken in je website, dan upload je deze maar één keer. Het kan echter zo zijn dat je deze afbeelding op verschillende formaten in de website wilt tonen. Wellicht voorbeeldweergaves of in ieder geval zeker verschillende devices. In dat geval wil je de afbeelding niet in meerdere afmetingen uploaden. Dit neemt veel tijd in beslag bij het uploaden en maakt het beheer van je mediabestanden moeilijker.

Kan je dan niet dezelfde afbeelding gebruiken voor verschillende formaten? Dat kan technisch zeker wel, maar heeft tot gevolg dat je website onnodig langzaam wordt, omdat je immers dan vaak te grote afbeeldingen zult gebruiken. Dat gaat ten koste van de gebruikerservaring en de vindbaarheid van je website.

Stel je heb een afbeelding die, zeg, 2000 bij 1400 pixels is, dan zou je willen kunnen aangeven dat op een bepaalde pagina, waar de afbeelding klein getoond wordt, bijvoorbeeld als thumbnail, de afbeelding wordt opgehaald alsof deze 200 x 140 pixels is.

In Accessify WCMS kan dat, via responsive images. In de opmaak wordt aangegeven welke afmeting de afbeelding moet worden getoond en wanneer de browser deze afbeelding ophaalt, dan wordt deze met de gewenste hoogte en breedte teruggegeven.

In Accessify WCMS kan je aangeven, via de URL, dat je de afbeelding op een ander formaat wilt hebben: /100x100/mijn-afbeelding.jpg. Als degene die de content beheert, zal je dit niet zelf doen, maar degene die de pagina’s ontwerpt en de opmaak implementeert heeft zo wel de technische mogelijkheden om je website naar een kwalitatief hoger niveau te tillen.

Kortom, responsive images:

  1. Snelheid
  2. Kwaliteit
  3. Vindbaarheid
  4. Gebruikerservaring
  5. Devices
  6. Gemak

Deze module van Accessify WCMS zorgt er ook voor dat, wanneer mogelijk, de browser ook gebruik kan maken van het webp-formaat. Het webp-formaat wordt ontwikkeld door Google en is een afbeeldingsformaat vergelijkbaar met JPEG, maar met een kleinere bestandsgrootte.


Andere blogartikelen

  • SQL: Geclusterde en niet-geclusterde index

    Geschreven door: op zondag 30 juni 2019

    Het kan soms voorkomen dat het veel tijd kost voordat een bepaalde query resultaten teruggeeft. Dit kan liggen aan een scala aan problemen, zoals het gebruik van veel joins. Wat de query kan helpen ve ...

    Bekijk het artikel »
  • Hoe werkt OAuth 2.0

    Geschreven door: op zondag 30 juni 2019

    In de huidige samenleving is iedereen bijna altijd online, zo ook de applicaties waarvan de mensen gebruik maken. Als je jouw applicatie niet goed afschermt, kan dit allemaal veiligheidsrisico’s met z ...

    Bekijk het artikel »
  • OAuth 2.0: JWT token en claims

    Geschreven door: op zondag 30 juni 2019

    In mijn vorige blog heb ik uitgelegd hoe OAuth 2.0 ervoor kan zorgen dat derde partijen op een veilige manier gebruik kunnen maken van jouw applicatie met behulp van tokens. In deze blog gaan we wat m ...

    Bekijk het artikel »
Bel 072 5345 888
Meer dan 40 bedrijven vertrouwen op ons
Onze Middelen en Technologieën
microsoft silver partner
Adobe partner
fd-gazellen-2018.jpg
Google analytics
partners-logo.jpg
Op de hoogte blijven?

Meld u aan voor de gratis nieuwsbrief om op de hoogte te blijven van onze activiteiten