Tilda is a new cloud platform that aims to simplify the process of deploying and managing cloud infrastructure for websites and applications. Tilda supports Next.js deployments without any additional changes to your codebase.
We've improved Tilda Image Optimization product in two ways:
- Broader support for image file formats including AVIF
- Zero-config Next.js image optimization
Standard URL format
Tilda Image Optimization now supports a standard URL format for image optimization. You can use the following URL format to optimize images on the fly:
https://<DOMAIN NAME>/.well-known/tilda/image/<OPTIONS>/<IMAGE URL>
This works for both images on your Tilda hosted domain name and external images. e.g.:
https://example.com/.well-known/tilda/image/width=400,format=avif/path/to/local/image.jpg
https://example.com/.well-known/tilda/image/width=400,format=avif/https://example.com/external/image.jpg
The full list of options for image transformation and more examples are available in Tilda Image Optimization documentation.
Next.js image optimization
Tilda now supports automatic image optimization for Next.js applications without any additional configuration. Just make sure you're using Tilda CLI version greater than 0.26.0 when building your Next.js project.
You can check your Tilda CLI version by running tilda command.
It is important to note that only new deployments built using version 0.26.0 or greater will support Next.js image optimization out of the box. If you already have a project deployed with Tilda, you'll need to make a new deployment.
Support for AVIF
Tilda Image Optimization now supports transformation into the following formats:
- AVIF
- WebP
- JPEG
- JPEG Baseline
AVIF is a modern image format that offers better compression and quality compared to JPEG and WebP. It is supported in the latest versions of Chrome, Firefox, and other modern browsers.
If the request URL specifies AVIF image format but the browser does not support AVIF, a WebP version of the image will be served instead.