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

  • Het gebruik van een Photoslider

    Geschreven door: op maandag 7 oktober 2019

    Ze zijn er in alle soorten en maten en staan meestal bovenaan een websitepagina. Dan heb ik het natuurlijk over photosliders. Zo bent u vast bekend met de traditionele foto die langzaam vervaagd en wa ...

    Bekijk het artikel »
  • De Controversie van AMP (Accelerated Mobile Pages)

    Geschreven door: op maandag 30 september 2019

    Er heerst al controversie rondom AMP (Accelerated Mobile Pages) sinds Google dit onderwerp heeft ingevoerd! In deze blog duiken we verder in deze controversie en ontdekken we of deze controversie tere ...

    Bekijk het artikel »
  • CSS attribuut font-display

    Geschreven door: op maandag 30 september 2019

    De snelheid van je website is belangrijk. Niet alleen omdat Google je website hierdoor hoger rankt maar ook omdat het gebruiksvriendelijker is voor de bezoekers. Als een website traag laadt, ben je ee ...

    Bekijk het artikel »
Bel 072 5345 888
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