Cloudinary Blog

Stencil Draws on Cloudinary to Eliminate Complexity of Image Management

Stencil Draws on Cloudinary to Eliminate Complexity of Image Management

Solution

As Stencil’s founders were developing a web-based design tool for small businesses and other organizations that couldn’t afford to hire a graphic designer, they needed an image management solution that would render, manipulate, and resize images within each design. Cloudinary’s rich set of functionalities enabled Stencil to avoid the hassles and complexity of building their own image management product, while providing users with an easy-to-use means for doing image transformations and delivering final designs that are sized perfectly for their needs.

Results

  • More than 200 hours of development time saved
  • 2.5 times faster serving of derived images

Company

Stencil is a web-based graphic design platform that offers the fastest, easiest, and most efficient way to create visuals for social media, blog posts, emails, presentations and more. An alternative to more complex software, like Photoshop, Stencil allows even novices to design like a pro. Stencil’s tools enable users to create graphic design elements by adding text or applying filters to uploaded or stock images.

The Challenge: Time to Market with a Reliable Image Management Solution

When Oliver Nassar and Adam Rotman were developing their web-based graphic design platform, Stencil, they knew they didn’t want to build an image management and transformation platform themselves.

“I’ve done that in the past, and I know the kinds of problems you can run into,” said Nassar, citing storage and memory issues, managing server farms, and the time it takes to build such a complex system.

They discovered Cloudinary’s image management solution in September 2013, and began integrating it as a fundamental component of Stencil’s functionality from the start.

The Cloudinary Solution: The Foundation for Stencil Image Management

“Cloudinary is the core of our platform,” Nassar noted. The original image – whether it’s a stock photo or one uploaded by users – is retained, untouched, in the Stencil media library, which is hosted on Amazon S3. All image thumbnails shown in the Stencil library are generated by Cloudinary.

In addition, Cloudinary’s unique URL-based API enables Stencil users to manipulate those images within their own designs. “We use Cloudinary every time someone designs with an image, resizes an image within a design, rotates it or otherwise manipulates it,” he added.

Cloudinary’s image manipulation features have served Stencil well for more than five years, but recently some new Cloudinary capabilities enabled the company to offer even more design functionality to its users.

“We were building our own cropping systems and wanted to allow our users to do shapes, such as circles and squares,” Nassar said. “But we discovered Cloudinary’s ‘mask’ and ‘cutter’ feature. That wasn’t in our roadmap, but it made it so much easier to deliver custom cropping options to our users, than trying to build it from scratch ourselves.”

The Cloudinary mask feature enables users to crop only a specific part of an image, while cutter allows Stencil to upload its own PNG shapes and use the masks to feature images within those shapes.

Nassar said that Cloudinary is critical to delivering the finished designs, either as previews or downloads to users’ computers. Stencil offers a “Preview & Share” option, which generates an image link created by Cloudinary, much like Bitly would, to share the preview on social media or send to phones.
Stencil then leverages Cloudinary to resize the raw object of the finished designs and deliver it in the size and dimensions requested by the users.

The Results: Reliable, Feature-Rich Image Manipulation

From its initial implementation of Cloudinary, which was the free offering, Stencil has grown its usage, hosting more than 500,000 images and supporting more than 1.5 million transformations a month.

Nassar estimates that using Cloudinary has saved more than 200 hours of development time. In addition, Cloudinary enables the company to serve transformed images 2.5 times faster than if they were using their own servers, leading to a better user experience.

While the Cloudinary features and functionality are central to the graphic design platform and key to delivering a rich user experience, Stencil also appreciates Cloudinary’s reliability, high availability and uptime. “We’ve had fewer problems with Cloudinary than other services we use,” said Nassar, adding that any time they do have questions, Cloudinary’s support team quickly responds.

While he will occasionally check out other image management solutions available in the market, Nassar said he’s never found any reason to move from Cloudinary. “Graphic images are something we need to do perfectly, so image management is more important than AWS or Google Cloud to us. If we can’t deliver the service, then charging for it doesn’t matter.”

“Because we’re so deeply dependent on our image management solution, we need to make sure we have a top-notch service. Cloudinary is the best image resizing service in the industry. It’s the most reliable, provides the best technical support and has the richest set of features,” Nassar concluded. “We only use a small fraction of Cloudinary offers. It has everything we need, and more.”

Recent Blog Posts

Cloudinary offers ongoing support to Scene7 customers in their DAM business goals.

With the imminent shutdown of Scene7 after rebranding by Adobe as part of Dynamic Media, dozens of leading eCommerce companies, among them the world’s top three eCommerce brands, have migrated to Cloudinary as a viable alternative to Scene7. And for good reason: time is of the essence and Cloudinary promises not only a smooth migration flow and continuity of their rich-media initiative, but also numerous superb capabilities.

Read more
Applying Your Own Duotone Effect Filter With Cloudinary

The trendy duotone effect is ubiquitous in today’s websites and illustrations for good reason: it highlights content well, rendering it pleasing to the eye, especially on minimal web platforms. The sky is the limit as to how much you can play with colors while applying a duotone effect. You could keep trying them out until something stands out.

Read more
New q_auto Setting For Content-Aware Video Compression

It’s widely known that video is the most effective way of communicating your brand to your audience. It is also an extremely varied medium. Take a look at the existing videos in your media library, you’ll find videos with differing lengths, colors, brightness and density of content. All of these videos need to be optimized in a different way. Cloudinary’s new automatic video quality can intelligently analyze each and every video to encode it using the most optimized settings, ensuring the best trade-off between file size and visual quality, whilst also maintaining a consistent experience throughout. All you need to do is set the quality parameter to auto (q_auto in URLs) and Cloudinary will take care of the rest.

Read more
Automatic Video Transcoding

Delivering video files to users can be a much more complex undertaking than many people stop to consider. There are a large variety of video formats and codecs to choose between, and various optimization parameters for encoding the videos. Parameters such as bitrate, key-frame-interval, and frame-rate will have an effect on the visual quality and bandwidth requirements when delivering the video file. To make matters worse, there are so many potential viewing devices out there (desktops, laptops, tablets, mobiles, wearables, etc). Each of these devices have different browsers or apps, and they all support different formats and codecs!

Read more
Dynamic Video Platform: 7 Use Cases

Increasingly, companies large and small, across all industries are enhancing their customer and brand experiences through video. We’ve just launched our dynamic video platform and shared our thoughts on the differences between traditional online video platforms (OVPs) and dynamic ones when it comes to creating, managing, and delivering compelling and engaging videos.

Read more