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

How to Make Boomerang Video Effect With Cloudinary

When you see the term boomerang, what is the first thing that comes to mind?

A thrown tool made of wood that returns to its thrower? Another definition is reversal, logically portraying the aim of the tool itself. Based on this definition, the term boomerang videos” came into play to depict videos that loop back and forth.

Read more
Shortening the Development Cycle of Media-Related apps with Cloudinary

Currently, the Android platform boasts the highest demand for mobile solutions, as evidenced by Google’s announcement in 2017 that there were two billion monthly active Android devices, a number that is likely to increase in the years ahead. For app developers like you, now is the right time to build and release solutions for Android. you might have also noticed that a higher percentage of apps being developed nowadays are filled with visual media: images and videos.

Read more
Build Your Own Image Storyboard Android App

Globally, approximately two billion people now own smartphones, which also feature cameras capable of capturing photos and videos of a tonal richness and quality unimaginable even five years ago. Until recently, those cameras behaved mostly as optical sensors, catching light that determines the resulting image's pixels. The next generation of cameras, however, can blend hardware and computer-vision algorithms that apply to an image's semantic content, spawning creative mobile photo and video apps.

Read more
Bleacher Report Scores with Real-Time Video Highlights Delivered by Cloudinary

Bleacher Report is a global digital destination for sports fans, creating and collaborating on content at the intersection of sports and culture. Owned by Turner, a division of Time Warner, Bleacher Report's website and social channels focus on sports culture for the next generation of fans. Bleacher Report also has a five-star mobile app and popular email newsletters, which are part of the company’s strategy for instantly delivering in-depth articles, results and video highlights personalized for users’ favorite teams, players and leagues.

Read more
Best Practices for Responsive Web Design

Responsive design turns 8 this year, and to celebrate, we asked experts from across the web industry a simple question: what does responsive design mean to you and your work, in 2018?

I’m fascinated by their answers. As many state, the technical aspects of responsive design – flexible grids, flexible media, and media queries – are more-or-less well understood, eight years in. But those simple-sounding ideas about CSS are still having far-reaching effects, which extend far beyond code. Below, you’ll read about responsive design’s impact on how individuals, teams, and entire organizations work and think. How should we model our content, now that it is responsively adapting to fit new and different contexts? How in the heck should we be prototyping and testing responsive designs? How can our teams and workflows be structured to better accomplish this new kind of work?

Read more