CDN Image Optimizer – Edit Images via URL
The CDN Image Optimizer allows you to easily customize images before they are displayed on your website. By simply adding parameters to the URL, you can directly edit the output of your images. Below are some useful options to optimize your images.
Adjust image width
If you want to change the width of an image, for example to 400 pixels, use the following URL parameter:
https://www.jouwdomeinnaam.nl/content/images/some/42025/1624397443.7077-12_5.jpg?w=400
The width of the image is now fixed, while the height remains variable. See the image below as an example:
Create thumbnail
If you want to load a square image, you can capture both the width and the height, as in the example below:
https://www.jouwdomeinnaam.nl/content/images/some/42025/1624397443.7077-12_5.jpg?w=400&h=400
Now the image is square, with any empty spaces filled in with white space. See the image below:
Crop image
Want to make a square crop of an image? Add the crop parameter to the URL:
https://www.jouwdomeinnaam.nl/content/images/some/42025/1624397443.7077-12_5.jpg?w=400&h=400&c=1
This takes the largest possible crop of the image, with minimal clipping.
Adjust image quality
You can reduce the quality (and therefore the file size) of an image using the Q parameter. For example:
https://www.jouwdomeinnaam.nl/content/images/some/42025/1624397443.7077-12_5.jpg?w=400&q=10
The quality has now been reduced to 10%, which can significantly reduce the file size.
Add Blur
The B parameter allows you to add a blur effect to your image:
https://www.jouwdomeinnaam.nl/content/images/some/42025/1624397443.7077-12_5.jpg?w=400&b=1
The blur effect is now applied. You can use values between 0 and 3 for the intensity of the blur.
.
If you want to keep the original size of the image, use the S parameter:
https://www.jouwdomeinnaam.nl/content/images/some/42025/1624397443.7077-12_5.jpg?s=1
The image now remains in its original size, without any adjustments being made.
URL Signing
URL signing allows you to optimize and secure external images by generating a unique signature specific to your images.
1. Receive your unique key from us, such as:
f61739f5a93ddab5da5104cf3bf3367815ab1db7654a8c47e521a5beef7fc
2. Create a SHA256 hash of the image URL combined with your unique key. For example:
echo -n https://externdomein.com/images/logo.png.f61739f5a93ddab5da5104cf3bf3367815ab1db7654a8c47e521a5beef7fc | shasum -a 256
3. Use the generated key in the URL to load the image, like so:
https://uwcdndomein.com/mijnproxy/s/#key#/https://externdomein.com/images/logo.png
This URL can be further extended with the other optimization parameters described above.
Related Articles
LinQhost is a Gold Tier Partner of Datadog and an Integration Specialist
At LinQhost, we are proud of our Gold Tier Partner status with Datadog, one of the highest distinctions in the Datadog partner program. As integration specialists, we have gained a lot of experience with the various solutions that Datadog offers, and ...
LinQhost arranges your SSL (TLS) certificate
LinQhost ensures that your SSL (TLS) certificate is fully installed and configured. This certificate is essential for a secure, encrypted connection between your website and its visitors. An SSL certificate not only ensures that your customers' data ...
Monitor external connections with Datadog
If your application has many external connections, it is important to be able to monitor them properly. Datadog is the tool that helps you with this! With Datadog you can efficiently monitor all your servers and external connections clearly via a ...
The costs for Datadog
Datadog costs depend on several components, both fixed and variable. This gives you a flexible pricing model that adapts to your specific use and needs. Fixed costs Fixed costs include: Datadog Infrastructure Monitoring Datadog Application ...
Use Let's Encrypt
At LinQhost, our mission is to provide you with secure hosting. That's why we support Let's Encrypt, a service that allows you to provide your website with a TLS certificate for free. This encrypts all communication between your website/webshop and ...