Cloudinary Blog

TedsVintageArt.com Automates Generation of Captivating Product Images on Cloudinary

TedsVintageArt.com Automates Generation of Captivating Product Images on Cloudinary

At TedsVintageArt.com, we digitally restore historic maps and sell their art prints on multiple platforms, such as Amazon, Etsy, eBay, and Houzz. As our operations ramped up years ago, it took an inordinately long time to generate custom images for our products. Plus, since we sell art, it behooves us to produce multiple high-quality images for each print, which was another time-consuming task.

Instead of just creating a few default images for promotion on marketplaces and social media, we opted to optimize all the images. That meant a total of over 20 images for cropping and dimension changes—a labor-intensive and time-consuming undertaking if done manually. Automation was the obvious answer.

After spending a few weeks mapping out a new workflow and researching solutions, we picked Cloudinary as the partner for automation and as a host for our media operations. That turned out to be an excellent decision.

Start With One Beautiful Image

Our major focus is to digitally restore old map prints. As a start, we manually remove tears, markings, creases, or other discolorations on Photoshop, after which the designer uploads the final, high-resolution image to a Google Drive folder, where magic happens.

Automate, Organize, and Deliver

Three vendors serve as the backbone of our automation process: Airtable, Zapier, and Cloudinary.

Airtable and Zapier

Airtable, a versatile tool that integrates with most cloud-based web apps, stores our products’ metadata, images, and nearly 80 other data points.

Zapier performs several automation tasks, such as uploading the main image to Cloudinary, grabbing image data from there, adding them to Airtable, and creating product titles and descriptions. Read more here.

Cloudinary

Cloudinary specializes in image hosting, transformation, and delivery.

Create Multiple Images Through Transformation

By leveraging Cloudinary’s transformation capabilities, we have created templates for automatically generating multiple images for each product—with only one image as the starting point. Here are the templates:

  • A main map image mocked up in a black frame set against a brick wall
  • A main map image with no background
  • Five map images that, through custom zooms, show a high level of detail
  • Variations of product images optimized for the largest display on Amazon, Etsy, eBay, and Houzz
  • An addition of a Ted’s Vintage Art watermark to all generated images
  • A resized version of our high-resolution image, custom-“stretched” to perfectly fit into frames for an 8x10, 12x18, 18x24, or 24x36 map

Transform Optimized Images for Social Sharing

An initial challenge we faced was that different social-media sites mandate different default image sizes for feeds. Failure to share images in the proper dimensions often results in no display or distorted images. So, a separate version of each image for Twitter, Facebook, Instagram, Pinterest, and Reddit becomes necessary.

Cloudinary enables us to custom-transform and resize images according to the exact dimensions that work best for each of the social-media channels. Afterwards, we store within Airtable the URLs for all the generated image variations.

Host High-Resolution Images

Cloudinary is perfect for hosting large images for fast loading.

Before adopting Cloudinary, we heard from many users that even though they loved our maps, they couldn’t zoom in close enough to see the names or other details. With Cloudinary, we were able to offer the ability to click and view a deep-zoom version of map prints, enabling users to navigate around, zooming in and out for all the nuances.

Another problem we encountered was hosting the large maps, some approaching 100 MB in size, for fast downloads. What a pleasant surprise it was to discover that Cloudinary can host high-resolution images and speedily display them—along with zooming!

We are extremely happy with Cloudinary, which is saving us over 60 work hours per week, freeing us up to focus on growth projects, such as marketing and sourcing. Best of all, it took less than a weekend to set up an integrated workflow with Cloudinary. Simply amazing!

Recent Blog Posts

Create Lightweight Sites With Low-Code and No-Code Technology

Consumers expect modern websites to be mainly visual. But, the more compelling and complex the related media is, the more data is involved, compounding the site’s weight. In today’s content-craving world, delivering unoptimized media can cost you because it leads to sluggish page loads, resulting in visitors abandoning your site in search of a faster alternative. In fact, a page load that takes more than three seconds can cause as many as 40% of your visitors to bounce. Given this competitive, digital-first environment, you can’t afford to lose page views, for time is of the essence.

Read more
A Blueprint for AWS-Secured Webhook Listeners for Cloudinary

tl;dr: An AWS-secured and optimized Cloudinary webhook listener for extending the Cloudinary service

Code: Github

A webhook is a communication medium for sending notifications from one platform to another about events that occurred. In place are user-defined HTTP callbacks that are triggered by specific events. When a triggered event takes place on the source site, the webhook listens to the event, collects the data, and sends it to the URL you specified in the form of an HTTP request.

Read more
New Accessibility Features for Cloudinary’s Product Gallery Widget

Cloudinary’s Product Gallery widget, which launched in 2019, has enabled many brands to effectively and efficiently showcase their products in a sleek and captivating manner, saving countless hours of development time and accelerating release cycles. By adding Cloudinary’s Product Gallery widget with its customizable UI to their product page, retailers reap numerous benefits, often turning visitors into customers in short order.

Read more
Why Successful Businesses Engage With and Convert Audiences With Visual Media

Most business buyers prefer to research purchase options online, as do many shoppers. No wonder online retail sales in the U.S. rose by 32.4% in 2020—an impressive gain of $105 billion.

For B2B and B2C businesses, text-heavy websites are no longer adequate in attracting shoppers. Instead, engaging visual media—spin images, videos, 3D models, augmented reality—are becoming a must for conveying eye-catching details and differentiators about products or services.

Read more
Making User-Generated Content (UGC) Shoppable With Cloudinary

User-generated content (UGC) is a powerful marketing tool. Not only does video complement marketing efforts for e-commerce by enabling customers to explore products in greater detail, but UGC also adds an element of trust. As a bonus, user-generated video is an exceptional opportunity for e-businesses to attract website traffic without their marketing team having to create promotional videos from scratch. User-generated content drives conversions and brand loyalty as a direct result of authentic interaction.

Read more