Cloudinarys Cloud-Based API Supports Image Creation for Responsive Website Development

Posted 1/26/2016 12:07:35 PM by RICHARD HARRIS, Executive Editor

Cloudinarys Cloud-Based API Supports Image Creation for Responsive Website Development
Cloudinary has updated its cloud-based image management APIs which help web developers create image dimensions that best fit responsive website designs. Cloudinary’s responsive image breakpoints technology helps developers automatically find the optimal image sizes needed for the best viewing experience in web and mobile apps on a variety of screen sizes.

Developers can interactively analyze their images on the fly using Cloudinary’s free Responsive Breakpoints Generator tool which provides the ability to automatically select breakpoints for images by analyzing each high-resolution image and determining the best dimensions for responsive website designs. The technology selects only the scaled down versions that significantly reduce the file size, which can improve user experience and reduces development costs.
The basic concept behind the Responsive Breakpoints Generator tool is to find image width values that offer significant reduction in file size. The open source tool generates the best matching breakpoints for each image uploaded, based on given thresholds, as well as optional multiple aspect ratio adaptations and retina display customizations. Cloudinary's algorithms analyze the images to find the best breakpoints, rather than creating all possible image resolutions, and enables developers to create “picture” and “img” HTML5 elements based on the calculated breakpoints. 
The responsive image breakpoints generation capabilities are available via an API to generate breakpoints for image formats including JPG, PNG, GIF, WebP, either in the original format or a different format specified in image transformation settings. The images can be used in conjunction with a developer’s existing image workflow which can be managed by Cloudinary by uploading images to the cloud, manipulating them on the fly to fit any graphic design, and deliver them optimized via a content delivery network. 

Read More


About the author: RICHARD HARRIS, Executive Editor

As the Publisher and Editor for App Developer Magazine, Richard has several industry recognitions and endorsements from tech companies such as Microsoft, Apple and Google for accomplishments in the mobile market. He was part of the early Google AFMA program, and also involved in the foundation of Google TV. He has been developing for mobile since 2003 and serves as CEO of Moonbeam Development, a mobile app company with 200 published titles in various markets throughout the world. Richard is also the founder of LunarAds, a mobile cross-promotion and self-serv mediation network for developers. He has been a featured presenter at trade-shows and conferences, and stays active with new projects relating to mobile development.

Subscribe to App Developer Daily

Latest headlines delivered to you daily.