Cloudinary Blog

Cloudinary Delivers Simplified Image Management Workflow for Fairfax Media's Digital Transformation

Cloudinary Delivers Simplified Image Management Workflow for Fairfax Media's Digital Transformation

Company:

Fairfax Media Limited [ASX:FXJ] is one of the largest media companies in Australia and New Zealand that engages audiences and communities via print and digital media. It includes recognizable mastheads including The Australian Financial Review, The Sydney Morning Herald and The Age. Fairfax Media operates numerous news and information websites, as well as tablet and smartphone apps, for online news sites.

The Challenge: Future-Proof Image Management

In 2016, Fairfax Media began a wide-ranging digital transformation of its news organization, which included streamlining image management and delivery workflow.

An efficient publishing workflow is key for journalists at Fairfax Media, who are responsible for posting articles, including supporting assets, such as imagery. Historically, a lot of production time was spent manipulating images to ensure they are optimized for different target devices and formats for the audience. This process was frustrating because it took valuable time from their core reporting, writing and editing duties.

“Image management was always a headache because our systems didn’t scale to support our growth, image processing was slow, and it was difficult to add modern formats and functionalities to meet today’s needs,” said Damian Cronan, Fairfax Media’s CTO. “As we undertook the digitization project, we knew we needed to address the challenges our editorial team faced with images, and started exploring a variety of options.”

The team initially considered developing its own in-house image management solution, but Cronan conceded that “there’s a level of sophistication in getting it right and our engineering time was scarce and valuable. For us, it was a better business decision to outsource these tasks to a commercial partner because it would give us a jumpstart in getting to market.”

Fairfax Media evaluated solutions from a number of content delivery networks and image optimization solutions, ultimately selecting Cloudinary. “Cloudinary has a number of customers that we consider peers, so we felt confident in its capabilities and ability to scale to support our reader base,” Cronan noted. “In addition, Cloudinary offered functionality that addressed our need to deliver content to different devices, across various channels, as well as enabling us to render images dynamically to support different image formats or aspect ratios in the future.”

The Cloudinary Solution: Simplified Processes and Improved Performance

Before Cloudinary, editors had to edit and crop images using an outdated image manipulation tool, which was a time-consuming part of their daily tasks.The Cloudinary API enabled dynamic URL-based manipulations to original high-quality images, eliminating the need for the editorial team to create and store multiple variants of every image and, streamlining the publishing workflow.

“The workflow we built with Cloudinary is much more user friendly than previous processes,” Cronan said. “Our editors with the *Brisbane Times*, who were the first to use it, told us that their experience was efficient and smooth, leaps and bounds ahead of how they used to deal with images.”

One of the most useful Cloudinary features for Fairfax Media is automatic, content-aware cropping, which ensures that the point of interest is consistently maintained regardless of viewport or layout of the viewing device. In addition, Cloudinary’s capabilities for supporting responsive images ensures that they are displayed appropriately across all devices and screens with minimal effort. This feature yields crucial performance improvements by delivering the optimal version of the image based on the content and viewing context.

Fairfax Media also relies on Cloudinary’s image optimization features, which enable them to deliver browser-specific formats and adjust the perceptual quality to reduce load times without any visual degradation. These features support delivery of images that look good and load fast. “With Cloudinary we achieved better image quality overall, compared to its competitors, with an ideal trade off between quality and file size,” Cronan added.

The Results: Faster Time to Market and Improved User Experience

Fairfax Media initially began testing Cloudinary in June 2017, and was immediately impressed with how quickly they could get the solution up and running, then scale to support significant volumes of images. Fairfax Media currently has approximately 3 million images under management with Cloudinary.

The Brisbane Times was the first online property to integrate Cloudinary into its WordPress implementation. After a successful pilot deployment there, Cloudinary was deployed for all other Australian metropolitan mastheads over the course of about eight months, concluding in February 2018. Now as much as 90 percent of Fairfax Media’s network is benefiting from Cloudinary image management capabilities.

In early results, Fairfax Media has seen up to a 25 percent reduction in file size. But more important, perhaps, is the improved productivity – both for the engineering team and editorial staff.

“We’ve had a very positive experience with Cloudinary,” Cronan concluded. “The best SaaS products are the ones we don’t have to think about because they just work and allow us to focus on other critical priorities.”

Download Case Study here

Fairfax Media Case Study

Recent Blog Posts

10 Website Videos Mistakes and How to Solve Them

It should come as no surprise that video use on the internet is exploding. You can see the dramatic growth of video on the average site in this SpeedCurve blog post.

With the growth in video comes greater bandwidth use, which is not only costly for your IT budget, but for your visitors as well. Beyond the expense, there is the user experience to consider. The heavier the page, the longer it will take to load, and the greater likelihood visitors will abandon your site. Page load speed is also an important factor in SEO ranking, so clearly video is something we need to take seriously and get right. Video is challenging, presenting terms still unfamiliar to developers - like codecs, bitrate and adaptive bitrate streaming. As a result, mistakes are being made in video implementation.

Read more
Android Data Saver: Optimizing Mobile Data Usage with Cloudinary

Over the life of a mobile device, the cost of a cellular data plan often exceeds that of the device itself. To optimize data usage and purge useless data on their mobile devices, users can enable Data Saver from Android 7.0 (API level 24). To do so, users toggle Data Saver in quick settings under the Notification shade or under Settings > Data usage. With Data Saver enabled, apps that aren't whitelisted cannot use cellular data in the background. They are also directed to consume less data while active.

Read more
Introducing the Cloudinary Upload Widget v2

At Cloudinary, we manage the entire pipeline of media assets for thousands of customers of varying sizes from numerous verticals. Cloudinary is an end-to-end solution for all your image and video needs, including upload, storage, administration, manipulation, optimization and dynamic delivery.

Read more
Convert an Image to a 3D Canvas With Cloudinary

Note
This post was cowritten with Daniel Mendoza.
Note
This post was cowritten with Daniel Mendoza.
Note

Famed American poet Henry David Thoreau once said, “This world is but a canvas to our imagination.” And, like your imagination, the transformations you can apply to images with Cloudinary are practically endless. You can even render any flat image to appear three-dimensional and framed on a canvas.

Read more
Mobile Optimization: Optimize Your Mobile-Web User Experience

TL;DR

We live in a visual world, often while on the go, and consumers expect media-rich web content. Accordingly, the loading speed of images and videos is a big factor in user experience. To optimize customer satisfaction with your mobile content, you must focus on the quality, format, and size of your digital assets. With Cloudinary, optimization is simple, not only enhancing your mobile web and app performance, but also upping your SEO game and boosting customer experience.

Read more