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.
Om direct een idee te krijgen van de mogelijkheden kun je hier een interactieve demo proberen: https://demo.quicq.io. Hoe het werkt en hoe je deze parameters moet aanpassen staat hieronder beschreven.
Om een afbeelding bij te snijden naar een breedte (width) van 400 pixels gebruik je bijvoorbeeld:
https://qcqcdn.com/demo/image.jpg?w=400
In het bovenstaande voorbeeld is de hoogte van de afbeelding variabel, enkel de breedte is vastgelegd.
Om een vierkante afbeelding in te laden:
https://qcqcdn.com/demo/image.jpg?w=400&h=400
In dit voorbeeld is de afbeelding passend gemaakt en zijn eventuele zijkanten opgevuld met witruimte.
Om een vierkante uitsnede uit een afbeelding in te laden stuur je ook een crop parameter mee:
https://qcqcdn.com/demo/image.jpg?w=400&h=400&c=1
De grootst mogelijke uitsnede wordt nu uit de afbeelding gehaald (er wordt zo min mogelijk afgesneden om deze vierkant te krijgen)
Om de kwaliteit en dus de grootte (in bytes) van de afbeelding aan te passen gebruik je de Q parameter, zoals hieronder:
https://qcqcdn.com/demo/image.jpg?w=400&q=10
In dit voorbeeld is de kwaliteit teruggebracht naar 10%
Om blur toe te voegen gebruik je de B, zoals hieronder:
https://qcqcdn.com/demo/image.jpg?w=400&b=1
In dit voorbeeld is een waarde van 1 gebruikt voor blur; je kunt 0 t/m 3 gebruiken.
Afbeelding : https://www.pexels.com/photo/women-s-pink-sweatshirt-and-brown-plaid-skirt-794064/