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

A New, Simple Tool for Creating Text Overlays for Images

Many Cloudinary users desire a UI for tasks like creating text overlays for images, which they then embed on webpages or download for marketing campaigns. Generating such overlays with the Cloudinary Media Library UI involves a bit of a learning curve, especially if they require multiple fonts or text lines, which even experienced users might find challenging to implement.

Read more
Transitioning JPEG-Based to JPEG XL-Based Images for Web Platforms

When the JPEG codec was being developed in the late 1980s, no standardized, lossy image-compression formats existed. JPEG became ready at exactly the right time in 1992, when the World Wide Web and digital cameras were about to become a thing. The introduction of HTML’s <img> tag in 1995 ensured the recognition of JPEG as the web format—at least for photographs. During the 1990s, digital cameras replaced analog ones and, given the limited memory capacities of that era, JPEG became the standard format for photography, especially for consumer-grade cameras.

Read more

Amplify Your Jamstack With Video

By Alex Patterson
Amplify Your Jamstack With Cloudinary Video

As defined by Amazon Web Services (AWS), Amplify is a set of products and tools with which mobile and front-end web developers can build and deploy AWS-powered, secure, and scalable full-stack apps. Also, you can efficiently configure their back ends, connect them to your app with just a few lines of code, and deploy static web apps in only three steps. Historically, because of their performance issues, managing images and videos is a daunting challenge for developers. Even though you can easily load media to an S3 bucket with AWS Amplify, transforming, compressing, and responsively delivering them is labor intensive and time consuming.

Read more
Cloudinary Helps Move James Hardie’s Experience Online

While COVID has affected most businesses, it has been particularly hard on those that sell products for the physical ‘brick and mortar’ world. One company that literally fits that bill is our Australian customer James Hardie, the largest global manufacturer of fibre cement products used in both domestic and commercial construction. These are materials that its buyers ideally want to see up close, in detail. When customers have questions, they expect personal service.

Read more