Do you optimize your images before uploading them to your website? It’s important to use high-resolution, screen-specific images that don’t slow down the page load speed. This will make your website more enjoyable and smooth. Here’s how you can optimize your images to avoid errors.
Reduce images to 1680px on the long side
When uploaded to Tilda, all images are automatically resized up to 1680px (on the longest side), but auto-compression may compromise image quality. Modify your image resolution before uploading to avoid this.
Tilda converts images from websites to WebP automatically. This technology measures the size of the layout container and the browser, then requests an image that is the right size to display to the user.
Image Compression Tools
Many services reduce the weight of images by blending colors to maintain high quality while reducing their weight by up to 70%
The software also removes image metadata, which prevents situations in which a vertical picture is displayed horizontally because it has landscape orientation metadata.
Don’t Disable Lazy Load
Lazy Load on Tilda is enabled by default. Images are loaded slowly as the user scrolls the page and not all at once. This improves the speed of page loading.
Lazy Loading is required to enable Adaptive Image Loading.
Site Settings – More will allow you to check if Lazy Load has been enabled on your project.