New DAM Feature Release - On The Fly (OTF) Media Rendering and Manipulation

We're excited to announce the release of automated media optimization and dynamic media manipulation!

New DAM Feature Release - On The Fly (OTF) Media Rendering and Manipulation

Randy Apuzzo 06.11.2021

We're excited to announce the release of our new on-the-fly (OTF) rendering options to improve and manipulate media that both developers and content authors can use. This is a release that has not only improved internal workflows but also given an SEO boost to all Zesty.io websites serving media from our Digital Asset Manager (DAM).

Automatic Image Optimization

With this new release, Zesty.io automatically transforms images as the content-type "webp", which is a format made to optimized image download speed and rendering speed, developed by Google.

WebP is a modern image format that provides superior lossless and lossy compression for images on the web. Using WebP, webmasters and web developers can create smaller, richer images that make the web faster. - Read the full Google launch article

When optimization happens, Zesty.io does a few things to the file:

  • All extraneous metadata (for example, EXIF, XMP, or ICC) is removed.
  • Any ICC profile on the image is applied directly to the image to ensure color output is correct. If the image doesn't have an ICC profile, a default profile is added.

  • If the source image contains orientation metadata, this orientation will be applied directly to the image data and metadata will be removed.

  • Images are served with their original name and extension, but will still output as content-type "webp"

Users may still upload .png, .jpg, and other image formats to their Zesty.io DAM. This image automation is done for you and is well-regarded for SEO as it is a preferred image format. 

Image Manipulation Examples

All images may be manipulated on-the-fly by passing query parameters to the end of the image URL. See the all options available in the on-the-fly image manipulation documentation. Here are a few examples:

Space-Ship-Example.png

Example image URL is https://kfg6bckb.media.zestyio.com/Space-Ship-Example.png

Examples

Adjusting Width

https://kfg6bckb.media.zestyio.com/Space-Ship-Example.png?width=400

Adjusting Orientation

https://kfg6bckb.media.zestyio.com/Space-Ship-Example.png?orient=v

Adjusting Blur

https://kfg6bckb.media.zestyio.com/Space-Ship-Example.png?blur=5

There are even more cool features like adding a background color to .png files, cropping to fit, adjusting brightness and saturation, and more. To view all functions, view the documentation.

Singificant Outcomes and Improvements

While the improvements to development and marketing workflows are substantial, sites delivering media from Zesty.io have received a nice bump in SEO and overall site performance with this change.

Google Page Speed Insights is a tool used to independently measure site performance and identify areas of improvement. For sites not currently serving images in preferred formats, you may see a suggestion like the below: 

page-speed-insights-serving-images-optimization.png

With the new media optimization update, sites consuming media from Zesty.io should not see this as an opportunity for improvement as they are now automatically serving their media in next-gen formats.

page-speed-insights-image-pass.png

For more information on why development tools like Google Page Speed Insights and Lighthouse suggest serving images in next-gen formats, please view this documentation.

How do I get started using this feature?

This feature is fully documented in our Zesty.org Documentation. No need to upgrade or contact an account manager to get started using our new Media Optimization suite. As with all Zesty.io software updates, this has been pre-tested and rolled out for you. If you're not yet a customer, let's talk and get you started. 

Experience a Headless Content Management System, Join Zesty.io.


Start a Sandbox Now

More from Mindshare: Product Announcements

Placeholder image

October 2019 Product Release Notes

Updates, Patches, and New Features from October 2019

Read Article
Placeholder image

Zesty.io Announces New Teams Feature

By creating teams, you will have a simple way to manage users and their access to instances.

Read Article
Placeholder image

April 2021 Release Notes

A list of updates, releases, and patches in April 2021.

Read Article
Placeholder image

New Feature Release: Content Version Interface

Review content versions, publish or schedule previous versions of content, search for previous content, and more with the latest release!

Read Article
Randy Apuzzo photo

Randy Apuzzo

Founder & CTO, Zesty.io

Randy has had a penchant for computer programming from an early age and started applying his skills to build business software in 2004. Randy's stack of skills range from programming, system architecture, business know-how, to typographic design; which lends to a truly customer-centric and business effective software design. He leads... Learn More

Speak with an Expert


Chat with Us

To speak with someone in sales and marketing, use the chat popup on this page. To speak with a developer, join https://chat.zesty.io

Exploring content solutions? Looking to replatform?