Do you optimize images before uploading them to your website? To make visiting your website smooth and enjoyable, it’s crucial to use high-resolution images tailored to the screen and not slowing down page loading speed. Here’s how to optimize your images and avoid errors.
🤏🏼 Downsize Images To 1680px On The Long Side
All images are automatically resized to 1680px on the longest side when uploaded to Tilda but auto-compression can compromise image quality. To avoid this, modify your image resolution in advance.
On the first visit, the image is displayed in its original size, and then Tilda automatically converts all website images to WebP. This technology detects the dimensions of the browser and the layout container, and requests an image of a suitable size from the server to show it to the user.
Learn more about Adaptive Image Loading 👉 https://tilda.cc/lp/image-optimization
😎 Use Image Compression Tools
Various services compress images by blending similar colors, thus maintaining high quality while significantly reducing its weight—up to 70%
They also erase image metadata which saves you from the situations where a vertical image is displayed horizontally in a block because of landscape orientation metadata.
🦥 Don't Disable Lazy Load
On Tilda, Lazy Load is enabled by default. The images are loaded gradually as the visitor scrolls down the page, not all at once. This optimizes page load speed.
❗️ Adaptive Image Loading only works when Lazy Load is enabled.
You can check whether Lazy Load is enabled for your project in the Site Settings → More.
🤏🏼 Downsize Images To 1680px On The Long Side
All images are automatically resized to 1680px on the longest side when uploaded to Tilda but auto-compression can compromise image quality. To avoid this, modify your image resolution in advance.
On the first visit, the image is displayed in its original size, and then Tilda automatically converts all website images to WebP. This technology detects the dimensions of the browser and the layout container, and requests an image of a suitable size from the server to show it to the user.
Learn more about Adaptive Image Loading 👉 https://tilda.cc/lp/image-optimization
😎 Use Image Compression Tools
Various services compress images by blending similar colors, thus maintaining high quality while significantly reducing its weight—up to 70%
- TinyPNG https://tinypng.com
- Squoosh https://squoosh.app
- Compressor compressor.io/compress
They also erase image metadata which saves you from the situations where a vertical image is displayed horizontally in a block because of landscape orientation metadata.
🦥 Don't Disable Lazy Load
On Tilda, Lazy Load is enabled by default. The images are loaded gradually as the visitor scrolls down the page, not all at once. This optimizes page load speed.
❗️ Adaptive Image Loading only works when Lazy Load is enabled.
You can check whether Lazy Load is enabled for your project in the Site Settings → More.
