Cloudinary Blog
Learn more...

Direct upload made easy, from browser or mobile app to the cloud

Jul 16, 2014 by Nadav Soferman

Unsigned upload Handling user uploaded images on your website can be a time consuming task. In this post, we'll show how Cloudinary's cloud-based image management service can help you turn user uploading into a lightweight operation that bypasses your servers altogether.

How do you handle user uploads today? If images are uploaded directly to your servers, this requires some heavy server-side processing, bandwidth and storage space. One way to offload images is to transfer them to cloud storage. But if you're handling the upload operation on your own servers (and then transferring them to the cloud), this is still wasteful of server resources.

→ Read the full post

Image manipulation recipes in the cloud. The Cloudinary Cookbook

Jun 26, 2014 by Nadav Soferman

Cloudinary Cookbook How do you crop an image to a custom shape? How do you add a shadow effect to an image with transparency? How do you add text overlay to an image without using HTML?

If you build or maintain a website with a lot of images, you've probably had many questions like these. Most developers who work with images have scripts or tools that can achieve dozens if not hundreds of image manipulations - from basics like crop and resize, to advanced stuff like shadow and transparency, watermarks, face detection, etc. But how do you mix and match these manipulations correctly to solve a problem or achieve a certain effect?

→ Read the full post

Animated WebP - how to convert animated GIF to WebP and save up to 90% bandwidth

Jun 16, 2014 by Nadav Soferman

Animated WebP Fashion isn't something you'd expect to repeat itself in the technology world - technology advances quickly and hardly ever circles back. But where animated GIFs are involved, it seems like the 90s are here again. Animated GIFs are everywhere, and not only on strange, cheezy web sites - they've become mainstream. You now see short videos shared and played as animated GIFs in reputed sites such as Gawker and TechCrunch.

→ Read the full post

Centralized control for image upload - image size, format, thumbnail generation, tagging and more

Jun 09, 2014 by Nadav Soferman

Upload presets There are many options to consider when allowing a user to upload an image to your website or mobile app. You might wish to limit the size and format of the uploaded images. You may want to apply specific manipulations to the images, such as cropping, resizing and adapting the image to your site's look & feel. Beyond that, it's common to create a variety of thumbnails from a newly uploaded image.

→ Read the full post

Optimize your JPEG images without compromising quality with JPEGmini and Cloudinary

May 29, 2014 by Nadav Soferman

JPEGmini Image optimization is an important step to reducing page load times, improving user experience and reducing bandwidth costs. When using the JPEG image format, which is best used for photos, the most common optimization is controlling the JPEG quality level.

By lowering JPEG quality, say to 90%, 80% or even 50%, you'll get much smaller JPEG files. But will image quality be good enough? JPEG optimization is tricky because if quality is too low, you'll get blurry images, pixelation and visible compression artifacts; if it's too high, images will look good but take too long to load.

→ Read the full post

How to overlay text on image easily, pixel perfect and with no CSS/HTML

May 22, 2014 by Nadav Soferman

Dynamic text style

Our customers frequently ask us if we can help them apply dynamic text overlays over images. While a common approach is to add text elements in your pages using HTML elements, CSS or native mobile UI controls, in many cases it's preferable to create images with text layers already included. It makes it simpler to display rich content on different media channels and devices, while ensuring a pixel-perfect result as your graphic designer envisioned.

→ Read the full post

Image moderation made easy using cloud-based UI and API

May 16, 2014 by Nadav Soferman

Manual image moderation Many websites and mobile apps today allow their visitors to share their own photos. Users upload their profile images to dating sites, photos of their personal belongings to second hand market websites and real estate billboards. Users share their personal photos on social networks, and upload images to their favorite e-commerce websites, showcasing and reviewing their latest purchases.

It’s sometimes quite important to moderate these images. You might want to keep out offensive content. You may want to actively reject images that do not answer your website’s needs, for example, make sure there are visible faces in profile images, or that only photos of your brand appear on a shared marketing campaign. You may also want to make sure that photos are of high enough quality before making them available on your website.

→ Read the full post

Introducing Cloudinary's new image management console

May 12, 2014 by Nadav Soferman
Management console postCloudinary's Management Console provides valuable information about your images, powerful image browsing capabilities, reports, and various account customization options. 
 
Today we want to introduce the new version of our console, including a completely new full-width responsive layout, important metrics and insights about your usage of the Cloudinary account, an improved Media Library user interface allowing you to browse through and interactively manipulate and manage your images, and more!
Below you can see the main dashboard of a Cloudinary account:
 
Cloudinary dashboard
→ Read the full post

Beyond face detection - smart cropping in the cloud using Imagga and Cloudinary

Apr 25, 2014 by Nadav Soferman

Imagga smart cropping It’s a common challenge in many mobile and web applications: how do you allow users to upload their own images, while automatically adapting these images to a fixed graphic design?

A classic example is a user uploading a profile picture, but instead of providing a headshot (which is what we really need from them), they upload a picture of their entire body with additional objects in the background. Obviously this image will need to be cropped to the size of the profile picture, while focusing on the user’s face.

→ Read the full post

PNG optimization - saving bandwidth on transparent PNGs with dynamic underlay

Apr 01, 2014 by Nadav Soferman
Transparent background PNG optimizationThere are many ways to optimize PNG files, but one optimization which is commonly overlooked involves the PNG's transparent background. If you’ve chosen to use PNGs instead of a more compact format like JPG, mainly for the PNG's support of a transparent background (alpha channel), read on and see how dynamic underlays can reduce your file size by as much as 1:5.
 
Graphic designers of sites and apps sometimes wish to display clipped photos on top of a certain background. A common example is a news site that shows a head shot of the author, or a figure mentioned in the article. Typically, the images are clipped using photo editing software like Photoshop, and then they can then be placed above background colors, patterns and between text paragraphs. 
→ Read the full post
More posts...