Cloudinary Blog

Cloudinary Upgrades Image Management and Optimization for Thrillophilia

Cloudinary Upgrades Image Management and Optimization

India’s Largest Tours and Activities Website Optimizes User-Uploaded Images to Deliver Faster, Better User Experience

Thrillophilia is India’s largest online tours and activities platform. Through its website and app, the company offers a one-stop solution for travelers looking for tours, activities and things to do. Users can choose from more than 10,000 activities in 200+ cities in India and 15 countries in Asia. Headquartered in Bangalore, India, the company was founded in 2011 and employs more than 50 people.

The Challenge: Managing and Delivering Millions of Images

A visually rich and appealing platform, Thrillophilia supports more than 1 million images, with 250,000+ unique images distributed across 200,000 pages for the 10,000 tours and activities offered on the site. But, because Thrillophilia’s suppliers upload many of the raw images to the site, they often lack visual appeal because they are taken by cell phones or low-end cameras.

“We needed a robust solution to manage our images and deliver them quickly to our visitors - whether they were accessing content on our website or via our mobile app,” said Abhishek Daga, Thrillophilia’s co-founder. “More importantly, to ensure the integrity of our graphics, we needed an efficient means to enhance and autocorrect all images to make them look beautiful.”

With more than 1,000 new images being uploaded to the site each day, Thrillophilia developers found themselves having to focus on image manipulation and management, instead of their core duties.

The Cloudinary Solution: Applying Enhancements and Delivering Optimal Images for Users’ Unique Needs

Thrillophilia discovered Cloudinary in 2016, and quickly realized that it was the ideal solution for its image management and optimization needs. “We wanted a product that could take our original images, enhance them, resize them according to viewports and deliver them quickly, so we could ensure an enhanced user experience,” Daga said.

Cloudinary serves as a complete image solution for Thrillophilia. Users or company employees upload raw images in Cloudinary, and then leverage built-in tools like Viesus for automatic image correction and enhancement, and JPEGmini. “We ran multiple tests using Viesus with Cloudinary, and the combination enabled us to get the desired image results we wanted,” Daga added.

Once the images are enhanced, Cloudinary enables Thrillophilia to deliver the images in a variety of sizes, on the fly, to best meet the needs of user Each image is tailored to the user’s unique device, resolution or viewport.

“Cloudinary allows us to be efficient in managing our images,” said Daga. “Images of certain sizes are not created until they are requested by end users. Then we ensure that the correct tags and metadata is associated with each image, and it’s served by the Cloudinary content delivery network.”

The Results: Faster Page Loads and Cutting Amount of Data Served by Half

Daga said that Cloudinary is very easy to use. Thrillophilia was able to get Cloudinary up and running for all its image management within two weeks, and the company saw immediate results.

“There was a significant difference in page load speeds after we started using Cloudinary,” Daga noted. “And by combining JPEGmini and Viesus, we were able to reduce the page size without compromising on image size.”

On average Thrillophilia was serving about 4TB of images per month. However, after adopting Cloudinary, this number was cut in half, saving on storage and bandwidth costs.

Recent Blog Posts

Serverless Tutorial: File Storage with Webtask and Cloudinary

Media makes up the majority of today's website content. While it makes websites more interesting for visitors, media presents challenges because these images and videos are more difficult to store, deliver and manipulate on-the-fly to suit any given situation.

Read more

ImageCon17: Delivering Responsive Images

By Jason Grigsby

After five years many specifications, some inflamed Twitter battles and other conversations, responsive images have finally landed and there's a sound. Which is really exciting right? People have been climbing for this for quite some time and we've reached a point where they're available in modern browsers. So people were excited, they wanted to go use them it's something that designers and developers have had as a point of frustration for a long time.

Read more
Auto padding images with content-aware color padding

How you present the content of your website can be just as important as the content itself. The images you display need to conform to the graphic design of your site, and every image needs to fit within a predefined size. Although that may be simple enough to achieve when you are dealing with your own images, the task can be more challenging when displaying images uploaded by your users.

Read more

Bounce! Hacking Jazzfest with Social Videos

By Eric Normand
Bounce! Hacking Jazzfest with Social Videos

Last week, I was invited to an exclusive hackathon to build apps for musicians. The app team I was assigned to was tasked with building a video upload site for Bounce videos. Bounce is a style of music that originated in New Orleans. The app would be called BounceDotCom.com and there were plans to have Big Freedia, the Queen of Bounce, promote it. I knew the organizer could make things happen, so I jumped at the chance.

Read more
Getting a Better React-ion with Progressive Web Apps

This is part 2 of a 3 part series

React has become more popular, as well as more mature, over the last four years since its release by Facebook. It has become one of the go-to technologies for people looking to componentize the front-end of any web application. It also helps that an entire mobile stack is built around React in the form of ReactNative. The components are wonderful, however there can be a burdensome learning curve. But, in the end, there’s the payoff of highly reusable code and a better user experience.

Read more
Build an Image Library with React & Cloudinary

This article was originally posted on Scotch.io

React is a good tool when it comes to building flexible and reusable UI components. However, it's "one of those libraries" that cannot handle all the tasks involved in building a full fleshed UI project. Other supporting tools - such as a recently announced React SDK from Cloudinary - are available to provide solutions that the React core cannot.

Read more