Afbeeldingen bewerken via de url
Om afbeeldingen te bewerken voordat ze geserveerd worden, hoef je geen ingewikkelde dingen te doen. Je kunt simpelweg met parameters in de URL de output van de afbeelding aanpassen.
Breedte aanpassen
Om een afbeelding bij te snijden naar een breedte (width) van 400 pixels gebruik je bijvoorbeeld:
https://content.afosto.io/5719193282412544/quicq/pexels-andrea-piacquadio-3768125.jpg?w=400
In het bovenstaande voorbeeld is de hoogte van de afbeelding variabel, enkel de breedte is vastgelegd.
Thumbnail maken
Om een vierkante afbeelding in te laden:
https://content.afosto.io/5719193282412544/quicq/pexels-andrea-piacquadio-3768125.jpg?w=400&h=400
In dit voorbeeld is de afbeelding passend gemaakt en zijn eventuele zijkanten opgevuld met witruimte.
Croppen / uitsnijden
Om een vierkante uitsnede uit een afbeelding in te laden stuur je ook een crop parameter mee:
De grootst mogelijke uitsnede wordt nu uit de afbeelding gehaald (er wordt zo min mogelijk afgesneden om deze vierkant te krijgen)
Kwaliteit aanpassen
Om de kwaliteit en dus de grootte (in bytes) van de afbeelding aan te passen gebruik je de Q parameter, zoals hieronder:
https://content.afosto.io/5719193282412544/quicq/pexels-andrea-piacquadio-3768125.jpg?w=400&q=10
In dit voorbeeld is de kwaliteit teruggebracht naar 10%
Blur/Waas toevoegen
Om blur toe te voegen gebruik je de B, zoals hieronder:
https://content.afosto.io/5719193282412544/quicq/pexels-andrea-piacquadio-3768125.jpg?w=400&b=1
In dit voorbeeld is een waarde van 1 gebruikt voor blur; je kunt 0 t/m 3 gebruiken.