Afbeeldingen bewerken via 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.

Interactieve demo

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.

Breedte aanpassen

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.

Thumbnail maken

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.

Croppen / uitsnijden

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)

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://qcqcdn.com/demo/image.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://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/