{"componentChunkName":"component---src-templates-docs-page-index-js","path":"/nl/docs/apps/quicq/afbeeldingen-bewerken-via-url/","result":{"data":{"site":{"siteMetadata":{"logo":"https://content.afosto.io/5719193282412544/brand/AFO-Logo-compleet-kleur-RGBat4x.png","siteUrl":"https://afosto.com","siteName":"Afosto.com","twitter":"https://twitter.com/afosto","facebook":"https://twitter.com/afosto","company":{"foundingDate":"2014","founders":["Tjeuke horsten","Peter Bakker"],"phoneNumber":"050 711 95 19","email":"support@afosto.com"},"address":{"streetAddress":"Kieler Bocht 15C","locality":"Groningen","region":"GR","postalCode":"9723 JA","country":"NL"}}},"strapi":{"doc":{"title":"Afbeeldingen bewerken via de url","slug":"docs/apps/quicq/afbeeldingen-bewerken-via-url/","id":"204","seo_title":"Afbeeldingen bewerken via de url | Quicq","seo_description":"Met Quicq is het mogelijk om al je afbeeldingen te bewerken via de url. Pas de afmetingen aan, crop de afbeelding en wijzig de kwaliteit en blur.","locale":"nl-NL","localizations":[{"locale":"en","slug":"docs/apps/quicq/edit-images-via-url/"}],"blocks":[{"contents":[{"body":"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.\n\n## Breedte aanpassen\nOm een afbeelding bij te snijden naar een breedte (width) van 400 pixels gebruik je bijvoorbeeld:\n\nhttps://content.afosto.io/5719193282412544/quicq/pexels-andrea-piacquadio-3768125.jpg?w=400\n\n![batch-image.png](https://content.afosto.io/5719193282412544/quicq/pexels-andrea-piacquadio-3768125.jpg?w=400)\n\n*In het bovenstaande voorbeeld is de hoogte van de afbeelding variabel, enkel de breedte is vastgelegd.*\n\n## Thumbnail maken\nOm een vierkante afbeelding in te laden:\n\nhttps://content.afosto.io/5719193282412544/quicq/pexels-andrea-piacquadio-3768125.jpg?w=400&h=400\n\n![batch-image.png](https://content.afosto.io/5719193282412544/quicq/pexels-andrea-piacquadio-3768125.jpg?w=400&h=400)\n\n\n*In dit voorbeeld is de afbeelding passend gemaakt en zijn eventuele zijkanten opgevuld met witruimte.*\n\n## Croppen / uitsnijden\nOm een vierkante uitsnede uit een afbeelding in te laden stuur je ook een crop parameter mee:\n\nhttps://content.afosto.io/5719193282412544/quicq/pexels-andrea-piacquadio-3768125.jpg?w=400&h=400&c=1\n\n![batch-image.png](https://content.afosto.io/5719193282412544/quicq/pexels-andrea-piacquadio-3768125.jpg?w=400&h=400&c=1)\n\n*De grootst mogelijke uitsnede wordt nu uit de afbeelding gehaald (er wordt zo min mogelijk afgesneden om deze vierkant te krijgen)*\n\n## Kwaliteit aanpassen\nOm de kwaliteit en dus de grootte (in bytes) van de afbeelding aan te passen gebruik je de Q parameter, zoals hieronder:\n\nhttps://content.afosto.io/5719193282412544/quicq/pexels-andrea-piacquadio-3768125.jpg?w=400&q=10\n\n\n![batch-image.png](https://content.afosto.io/5719193282412544/quicq/pexels-andrea-piacquadio-3768125.jpg?w=400&q=10)\n\n\n*In dit voorbeeld is de kwaliteit teruggebracht naar 10%*\n\n## Blur/Waas toevoegen\nOm blur toe te voegen gebruik je de B, zoals hieronder:\n\nhttps://content.afosto.io/5719193282412544/quicq/pexels-andrea-piacquadio-3768125.jpg?w=400&b=1\n\n![batch-image.png](https://content.afosto.io/5719193282412544/quicq/pexels-andrea-piacquadio-3768125.jpg?w=400&b=1)\n\n*In dit voorbeeld is een waarde van 1 gebruikt voor blur; je kunt 0 t/m 3 gebruiken.*\n "}],"id":"389","type":"text"}]}}},"pageContext":{"slug":"docs/apps/quicq/afbeeldingen-bewerken-via-url/","id":204}},"staticQueryHashes":["4039036176"]}