• About Us
  • Blog
  • Basket
  • Account
  • Sign In
  •  

Image Optimiser

Responsive Images. Right size your images in real time.

What are responsive images?

With 1000s of different physical screen sizes and pixel densities to consider one image can't optimally support them all.

Users on mobile devices have limited bandwidth and battery capacity which is wasted displaying large images. Worst still user experience is degraded as page load time is reduced.

51Degrees image optimiser solves this problem. Consider the image table to the left. The same high resolution source image is used for each cell but it's requested at a different size. Each image is precisely optimised for the available space. 

Delight your users with fast images optimised for their precise device.

How Image Optimiser Works

One source image performs poorly on smaller screens or low bandwidth connections.

With many screens of all shapes and sizes accessing your web site one source image performs poorly on smaller screens or low bandwidth connections.

51Degrees works out the precise image dimensions for each browser

51Degrees works out the precise image dimensions for each browser, physical screen, image and web page in real time.

The image server generates a tailored image from a single master hi resolution personalised image

The image server generates a tailored image from a single master hi resolution personalised image to ensure the minimum amount of data is sent to the device increasing page performance and improving user experience.

Benefits of Image Optimisation

  • Entirely Free: No fees required to deploy commercially.

  • RWD: Complements responsive web design techniques.

  • Faster Pages: Improves page load time and reduces page weight. Users (and Google) like fast web sites!

  • User Friendly: Increases mobile devices battery life by consuming less power.

  • Easy Deployment: Simple implementation improves developer productivity, reduces testing time and ultimately speeds up time to market.

How does your web site perform on phones and tablets? Test Your Web Site Now

About the Technology

  • Easy to Deploy: Simple change to HTML markup. This...

    <img src="Example.png">
    
    ...becomes this...
    <img src="Empty.gif" data-src="Example.png?width=auto">
    
    Standard HTML   HTML with Automatic Image Optimiser
  • Free Open Source: Permissive open source licencing (Mozilla Public Licence 2) provides full access to source code and permits commercial use.

  • Platforms: First deployed in 2010 now provides native APIs for .NET, Java and PHP and supports JPG and PNG image formats.

  • Caching: Images are cached to disk to improve server response times.

  • CDNs: Supports images hosted on Content Delivery Networks.

  • Content Management Systems: Integrates with more than 20 leading Content Management Systems making deployment and configuration a doddle.

Start Free Trial Documentation