Skip to main content

Image Delivery

For an optimal image delivery experience that enhances your site's performance, Overdog suggests utilizing the AWS Image Handler with your CloudFront distribution. This solution provides dynamic image resizing, optimizing, and caching, significantly improving page load times and reducing bandwidth usage.

AWS Image Handler Integration

We've developed a plugin that seamlessly integrates AWS Image Handler with Craft CMS, making it easier to leverage AWS's powerful image optimization capabilities directly within your Twig templates.

To get started, install the Craft CMS AWS Image Handler plugin with Composer by following the instructions on the plugin repository.

The plugin provides a simple Twig filter that you can use to transform images on the fly, utilizing the AWS Image Handler's features. It's easy to set up and offers a variety of image manipulation options to suit your needs.

For detailed setup instructions, usage examples, and configuration options, please refer to the plugin's documentation:

Craft CMS AWS Image Handler Documentation

By following the documentation, you can configure the plugin to work with your AWS setup and start improving your website's image delivery system.

You can also use alternatives such as Imgix, Cloudinary or other image delivery services that align with your specific requirements.

The Advantages of External Image Services and CDNs

The traditional method of serving images directly from your server can hinder these critical elements, affecting load times, server resources, and ultimately, the user’s engagement with your content.

Server Performance: Offloading image hosting and processing to an external service alleviates your server from the heavy lifting. This means less CPU and memory usage, leading to faster server response times for all user interactions, not just image loading.

Scalability: As your site grows, the demands on your infrastructure will increase. External image services can scale effortlessly with your traffic, ensuring consistent performance during peak times without the need for complex server scaling strategies.

Enhanced User Experience: With advanced image optimization techniques, these services deliver images in the most efficient formats and dimensions, tailored to the user’s device. This translates to quicker page loads, enhancing the overall user experience and keeping users engaged longer.

Global Reach: CDNs store your images in data centers around the world, bringing them geographically closer to your users. This proximity significantly reduces latency, ensuring that images load swiftly, no matter where your users are.

Dynamic Resizing: Deliver images at the exact size needed, ensuring that you are not wasting bandwidth on oversized images or compromising quality with undersized ones.

Smart Caching: By caching images at the edge locations of the CDN, repeat visits become faster as images load from the nearest cache rather than the origin server.

Overdog's strategy is clear: adopt a modern approach with AWS Image Handler and a CDN to ensure your images are a vehicle for success, not a bottleneck. This methodology is not just a luxury—it’s a necessity in the modern web landscape, where speed, reliability, and user satisfaction are inextricably linked to your site’s success.