{"componentChunkName":"component---src-templates-docs-page-index-js","path":"/docs/apps/quicq/edit-images-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":"Editing images via the url","slug":"docs/apps/quicq/edit-images-via-url/","id":"247","seo_title":"Editing images via the url | Quicq","seo_description":"With Quicq, it is possible to edit all your images from the url. Adjust the dimensions, crop the image and change the quality and blur.","locale":"en","localizations":[{"locale":"nl-NL","slug":"docs/apps/quicq/afbeeldingen-bewerken-via-url/"}],"blocks":[{"contents":[{"body":"To edit images before they are served, you don't need to do complicated things. You can simply use parameters in the URL to modify the output of the image.\n\nIf you rather watch a video about how you can edit images via the url: [Watch it on our YouTube channel](https://www.youtube.com/watch?v=9hs_ox1qCMY)\n\n## Adjust width\nTo crop an image to a width of 400 pixels use, for example:\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 the above example, the height of the image is variable, only the width is fixed.*\n\n## Thumbnail creation\nTo load a square image:\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 this example, the image was made to fit and any sides were filled with white space.*\n\n## Cropping / Cutting Images\nTo load a square crop from an image, also send a crop parameter:\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*The largest possible crop is now taken from the image (as little as possible is cut off to get it square)*\n\n## Quality adjustment\nTo adjust the quality and thus the size (in bytes) of the image, use the Q parameter, as below:\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 this example, the quality has been reduced to 10%*\n\n## Add Blur\nTo add blur, use the B, as below:\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 this example, a value of 1 has been used for blur; you can use 0 to 3.*\n "}],"id":"566","type":"text"}]}}},"pageContext":{"slug":"docs/apps/quicq/edit-images-via-url/","id":247}},"staticQueryHashes":["4039036176"]}