Instant Image Optimization with Liquid in Modyo

Carlos Solís

Carlos Solís

Optimizing images is essential for any website, especially if you’re aiming for fast load times and a great user experience. When an image is too heavy, the site slows down, which can frustrate visitors and impact both conversions and SEO. No one wants to lose users over something as simple as unoptimized images!

At Modyo, we understand how important this is, which is why we offer practical tools that allow you to easily optimize your images in real time. Whether it’s resizing, compressing, or changing formats, you can do it all on the fly without any hassle.

Optimization Tools in Modyo

In Modyo, you have the ability to adjust images automatically based on your site’s needs. You can resize them or even change the format without having to modify the original URL. All of this is possible thanks to our Liquid tag system, which only requires a simple copy + paste to insert optimized images anywhere in your application.

On-Demand Image Optimization

Did you know that all images in Modyo can be optimized to have the perfect size without affecting the quality of the original file? No matter the image size, in Modyo you can easily resize them by adding the Height, Width, and Quality properties when calling an image in the code. Just follow these simple steps:



Don’t forget to explore Modyo’s documentation to dive deeper into this topic.



Photo by Julia Kadel on Unsplash

Other Developer Tips

Contents
Carlos Solís

Carlos Solís

Consume APIs with the Modyo SDK in your JavaScript app

Learn how to easily integrate Modyo’s headless API into your JavaScript app using its SDK. Follow a step-by-step guide with a React example for seamless consumption.

Photo by Adi Goldstein on Unsplash
Channels
Carlos Solís

Carlos Solís

Configure Security Headers in Modyo to Strengthen Your Website

In a digital environment where threats are constant, ensuring the security of websites is essential. One of the best ways to protect your applications is through Security Headers, HTTP configurations that act as protective barriers against attacks

Architecture
Carlos Solís

Carlos Solís

Domain Driven Design: How to Implement a Scalable Architecture for Your Business

Learn how Domain Driven Design (DDD) empowers you to build applications that align with your business. Apply DDD in microservices and micro frontends architectures to create scalable,and maintainable solutions,leveraging the power of Modyo.