Apple app developer news Android app developer news

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

HTML 5 12,651 views
Posted Tuesday, January 26, 2016 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. 


Subscribe to App Developer Daily

Latest headlines delivered to you daily.