Image Optimization

Secret Ingredient of
Highly Performing Websites

Medianova Image Optimizer can prepare thousands of images for all the devices, screens and browsers in milliseconds at scale.

Get More Information

Medianova Image Optimizer runs on the
cloud and allows you to resize, crop transform and
optimize images on the fly.

All different versions of the images can
be requested with a simple URL call.

IMAGE OPTIMIZATION CDN FEATURES

Resize and more

One image; Endless versions… Resize, crop or rotate all the images in your library with a simple URL call. No more manual work.

WebP Ready

When enabled, images are converted into Google’s WebP format and cached. Medianova CDN detects the browser type and serves images in WebP format when  compatible.

Powerful Content Delivery

Integrate with Medianova’s award winning agile secure CDN for the fastest image delivery.

Runs on Docker Platforms

Our compression and optimization technologies offer the highest image quality while reducing the size.
We optimize all images to be served as fast as possible.

GPU and CPU Farms

Optimizer runs on GPU and CPU clusters right next to CDN edges. GPU or CPU utilization is selected with an optimized algorithm based on size of the image; results in lowest latency possible.

Support with Slack

A dedicated team is always available to assist you. When we create a shared channel between the teams, you will make sure to have access to the right engineers at all times.
No more tickets and waiting for support.

{"beforeText":"After","beforeImgUrl":"https:\/\/www.medianova.com\/wp-content\/uploads\/2023\/03\/before.jpg","beforeImgAlt":"","beforeImgId":12591,"afterText":"Before","afterImgUrl":"https:\/\/www.medianova.com\/wp-content\/uploads\/2023\/03\/after.jpg","afterImgAlt":"","afterImgId":12592,"openPopupId":""}

On most webpages, images account for about 75% of total page weight, so it’s critical to ensure they’re displayed correctly and aren’t slowing down the page – especially since a quarter of visitors will abandon a website that takes more than four seconds to load.

You can drastically cut your website loading times, preserve high-quality photos, and improve user experience for improved engagement and conversions by using Medianova Image Optimizer.

One image; Endless versions… Resize, crop or rotate all the images in your library with a simple URL call. No more manual work.

When enabled, images are converted into Google’s WebP format and cached. Medianova CDN detects the browser type and serves images in WebP format when compatible.

Integrate with Medianova’s award winning agile secure CDN for the fastest image delivery.

References

Customer Success Story

Download our use case and see how Hepsiburada (NASDAQ:HEPS) significantly improved its content delivery performance and page load speed thanks to Medianova secure CDN.

Download

Increase Performance, 
Security & Uptime

Above we talked about different front-end optimizations for images that can be used for website SEO. Next, we will cover an important component on the back-end for image optimization using a Content Delivery Network (CDN) to host and deliver image files to users across the globe. A CDN utilizes a network of strategically distributed servers, called Points of Presence (POPs) that cache the image file. The user then accesses these image files from the cached server closest. This provides multiple benefits from the SEO and user experience perspectives.

Firstly, a CDN will significantly cut down on the webpage loading speed and in delivering images. Secondly, a CDN also optimizes the image and takes care of transformation workflows to better deliver the images. You can utilize CDNs for image optimization and delivery or utilize the CDN to optimize and deliver your website HTML/CSS/Javascript files.

Performance is a crucial aspect of succeeding with website SEO, and CDNs should be an essential component of your overall SEO strategy.

At Medianova, we are experts in providing enterprises of all sizes with world-class and cost-efficient CDN solutions that can optimize and improve site performance and content delivery experience. With our partnership; you are ready for online success and we bring years of expertise with experience in providing the right solution with our wide-range CDN solutions. Also, make sure you don’t miss our new joint webinar with Catchpoint to shed the light on “The Future Of CDN Monitoring”

Every leading tech company takes image optimisation seriously, including Amazon, eBay, Facebook and Google. Why? Because image optimisation has a direct impact on page loading speeds. You might have the best website in the world but if your page loading time is more than three seconds, then you’ve already lost 53% of your visitors.

The Relationship Between Page Load Times and Image Optimisation

The delivery of image data contributes to around 72% of all internet traffic today, so it’s safe to assume that images require a lot of storage space. To compare the size of images versus words,  a 70,000-word novel takes up around 140 KB space. A regular photo taken by a smartphone will need 14 to 35 times this space.

Some web pages rely on plain text but many, including e-commerce platforms, social media channels, and blogs, rely heavily on image content. Since a single image requires 35 times the amount of space as a whole novel, you can see why image optimisation is important.

 

A single unoptimised image can double or triple the download time for a web page. This means image optimisation has a direct impact on page download times and the overall user experience. This is the reason why leading global internet companies consider image optimisation one of the most crucial elements of the user experience.

Image Optimisation Methods

There are various image optimisation methods. Most of them are some form of compression into different image formats such as .jpeg, .jpg, .png, .tiff, .gif etc. while some file types are useful for purposes such as animations or design, most are an attempt to reduce file size.

This brings us to the issue of image quality.

Lossy vs. Lossless Image Compression

The terms lossy and lossless compression refer to compression methods where the original image is reconstructed perfectly from compressed data.

Lossless Image Compression

Lossless image compression algorithms allow the original data to be perfectly reconstructed from the compressed data. They are used where the original and the decompressed data are required to be identical, or where deviations from the original data are undesired, such as archiving or production operations. Image file formats, like PNG or GIF, use only lossless compression.

Since lossless compression methods focus on the perfect reconstruction of the original data, they’re not the best option to reduce the size of large images. As a result,  they are preferred in applications where image quality is more important than the image size.

Lossless Image File Types

  • PNG – Portable Network Graphics
  • TIFF – Tagged Image File Format
  • WebP – (high-density lossless or lossy compression of RGB and RGBA images)
  • BPG – Better Portable Graphics (lossless/lossy compression based on HEVC)
  • FLIF – Free Lossless Image Format
  • JPEG-LS – (lossless/near-lossless compression standard)
  • TGA – Truevision TGA
  • PCX – PiCture eXchange
  • JPEG 2000 – (includes lossless compression method, as proven by Sunil Kumar, Prof San Diego State University)
  • JPEG XR – formerly WMPhoto and HD Photo, includes a lossless compression method
  • ILBM – (lossless RLE compression of Amiga IFF images)
  • JBIG2 – (lossless or lossy compression of B&W images)
  • PGF – Progressive Graphics File (lossless or lossy compression)

Lossy Image Compression

Lossy image compression methods

Use inexact approximations and partial data discarding to represent the content. They are a better option compared to lossless image compression methods in applications where reducing image size for storing, handling, and transmitting content are more important or preferable than image quality.

Although there is a certain amount of data and quality loss in lossy image compression methods, well-designed lossy compression technologies usually decrease the file sizes considerably and image quality deterioration cannot be noticed by the user. As a result, it’s the most-preferred image compression method for web applications prioritising loading speeds.

Lossy Image File Types

  • Better Portable Graphics, also known as BPG (lossless or lossy compression)
  • Cartesian Perceptual Compression, also known as CPC
  • DjVu
  • Fractal compression
  • ICER, used by the Mars Rovers, related to JPEG 2000 in its use of wavelets
  • JBIG2 (lossless or lossy compression)
  • JPEG
  • JPEG 2000, JPEG’s successor format that uses wavelets (lossless or lossy compression)
  • JPEG XR, another successor of JPEG with support for high dynamic range, wide gamut pixel formats (lossless or lossy compression)
  • PGF, Progressive Graphics File (lossless or lossy compression)
  • S3TC texture compression for 3D computer graphics hardware
  • Wavelet compression

Image Scaling or Resizing

There are many ways to scale or resize an image, many of which have nothing to do with the visual size of the image. Some compression methods will reduce the image in terms of its data volume. Others will modify the dimensions in terms of pixels (raster images) or geometrically (vector images).

Websites will often scale or resize images based on their target audience. Let’s assume that we have a web page with a mobile-dominant audience. This means most of the page visitors will be using mobile devices. Using images with high resolution won’t benefit the users in a tangible way; instead, it will affect the user experience negatively by slowing down the page loading speed. Conversely, images for desktop users should be optimised for larger screens.