Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
November 14, 2016 04:00 pm GMT

On-the-Fly Image Overlays using Cloudinary

Image overlay isnt solely about having the right touch to create an amazing visual. You also need a great tool that simplifies the process. Cloudinary, a cloud-based image and video service for websites and mobile applications, is exactly the tool you need. How to Overlay Images First open a free Cloudinary account, if you dont already have one. Then upload images, either through the Cloudinary management console or using the API. Once an image is uploaded to your Cloudinary account it is stored on the cloud as well. To create an overlay, you simply need to define how you would like to modify your original image within the image delivery URL. According to the directives added to the URL a new derived image is processed on the fly and cached. The result will be delivered super-fast via content delivery network (CDN). Any subsequent request to the same URL will be delivered from the cache. Here we show how to put a company logo on a koala. With Cloudinary, this common task becomes an easy job. The koala original image URL is: https://res.cloudinary.com/cld-name/koala.jpg The image overlay URL is: https://res.cloudinary.com/cld-name/l_cloudinary_icon,w_200,c_scale/koala.jpg The URL structure is : <domain name>/<cloud name>/<image manipulation parameters>/<image public-id>.<image format> […]

Original Link: http://feedproxy.google.com/~r/Noupe/~3/jjpacK-mhbw/fly-image-overlays-using-cloudinary.html

Share this article:    Share on Facebook
View Full Article

Noupe

Noupe passionately delivers stylish and dynamic news for designers and web-developers across the globe on all subjects of design

More About this Source Visit Noupe