Cloudinary Blog

Introducing Cloudinary's new image management console

Introducing Cloudinary’s new image management console
Cloudinary'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!

New layout and dashboard

Below you can see the main dashboard of a Cloudinary account:
 
Cloudinary dashboard
 
As you can see, there's a new responsive design that leverages the full width of your web browser. There's a new menu on the left sidebar allowing easy navigation to all sections of the management console: Dashboard, Media Library, Transformations, Reports, Add-ons, and Settings.
 
The dashboard shows activity and usage statistics of your account: total number of original images and derived images, number of transformations, used managed storage space and utilized monthly bandwidth of image delivery. You can see a snippet of recently uploaded images, analyze your account using interactive charts and see how your usage numbers fit in your plan's limits, and upgrade your plan if needed.
  
These interactive charts are sometimes followed by auto-generated insights. Insights are recommendations that can help you optimize performance or improve user experience by using Cloudinary's image manipulation more effectively. For example, Cloudinary can recommend using a more optimal file format, and predicts how much bandwidth this could save. Insights are not always available (just when the system has a recommendation for your particular usage).
 
At the top right corner of the page is a drop-down menu with the name of your account, and your personal name if available. Using this menu you can sign out, and also switch to another account if you have multiple Cloudinary accounts associated with a single login (available for the Advanced Extra plan or higher).
 
You should also check out the new Add-Ons section. Cloudinary offers powerful image processing services from technology partners like Imagga (smart cropping and resizing), URL2PNG (automatic website screenshots) and WebPurify (automatic image moderation). These are fully integrated with Cloudinary, and you only need to turn them on to start using them within your account. In the Add-Ons section of the console you can browse the available add-ons and activate them. Learn more about our add-ons in this blog post.

Cloud-based Media Library - managing your images 

Cloudinary's service allows you to upload all your images to the cloud, apply image manipulations on-the-fly and deliver your images optimized via a fast CDN. In addition, you can manage your cloud-based media library using an administrative API or a web interface (UI) - this interface is the Cloudinary Media Library. 
 
We have updated the Media Library to a responsive interface, which shows as many thumbnails as fit your screen, as you scroll. At the top-right of the screen you can search for images based on their public IDs or assigned tags. You can also organize your images in folders, and upload additional images by dragging and dropping them into the Upload images area at the top-left.
 
Cloudinary Media Library
 
 
Clicking on an image thumbnail opens a full screen view of the image and all its derived images. You can interactively apply any Cloudinary's cloud-based image transformation or effect using the controls on this screen. You can also rename the uploaded image or assign tags to it. By the way, you can now use your browser's back button to return to the list of images :-)
 
Cloudinary image dialog 

Account settings 

The settings section of Cloudinary's Management Console allows you to customize your account and media library. The settings are now divided into five tabs: Account, Upload, Security, Users and Billing.
 
Cloudinary settings 
 
You can modify your general account settings through the Account tab. Using the Upload tab, you can enable automatic backup of uploaded images, define automatic upload mapping and define presets that can be applied whenever you call the upload API. 
 
The Security tab allows you to restrict and allow access to certain image delivery and manipulation capabilities, enable the Strict Transformations mode (which allows users to only perform specific allowed image transformations and not others), and modify the Access Keys of your account. 
 
Through the Users tab, you can update your email and password. You can also create and manage multiple additional users of different roles (available for the Advanced plan or higher). 
 
The Billing tab allows you to download invoices of your payments and edit the name which will appear on your next invoices.

Summary 

We hope you’ll enjoy this major revamp of Cloudinary's Management Console. If you’ve integrated with Cloudinary’s service and don’t regularly visit the management console, you should! We’d love to get some feedback, and as always, we'll use your feedback to further improve the interface. Let us know what you think in the comments below or share your feedback via Twitter or Facebook
 

Recent Blog Posts

Cloudinary Product Gallery Enables Dynamic Buyer Experience

We live in a world where we spend increasingly more time online. As our routines change and adapt to new trends and technologies, we perform more and more of our daily activities in virtual environments. A key example of this is shopping. There are many reasons why online shopping has become so attractive for many buyers. A near endless variety of products is accessible from the palm of your hand. Customer reviews give buyers more confidence in their decisions. It's increasingly easy to search for attractive prices. And the list goes on. But a customer's desire to "touch" or "feel" the product is an interactive experience that can be hard to overcome when shopping online.

Read more
A Guide to Website Image Optimization and Performance

Part 1 of this series delves into the background for this guide. Here in part 2 are the ins and outs.

Wait, hear me out. I know, we just talked about this: Nobody is sheepishly pleading you, “Please, might we have just one more image on the page?” No, I’m not telling you to pick that particular fight. Instead, use a little smoke and mirrors to avoid requests for images that your audience needn’t render right away and might never need at all while loading them asynchronously—only as needed.

Read more
A Guide to Image Optimization for Website Performance

I’ve spent a lot of time thinking about the rules of putting images on the web.

For such a flexible medium as the web, software development can feel like a painstaking, rules-oriented game—an errant comma might break a build, a missing semicolon might wipe out an entire page. For a long time, the laws of image rendering seemed similarly cut-and-dry: For example, if your markups contained an img element , the singular content of its src attribute would be foisted on the audience regardless of their browsing context, period.

Read more
Digital Asset Management Platform: Meeting Customer Expectations

Consumers today expect media-rich experiences. No longer a novelty, it’s second nature to swipe through multiple photos on mobile apps, zoom in on product images for a closer look, visualize online travel reviews, socialize cool video clips while browsing, and encounter brand messages when walking into brick-and-mortar stores. These experiences weave together visual cues and clues with relevant content to create meaning and more authentic connections for customers.

Read more
How to Customize Cloudinary's eCommerce Android App

Recently we added the Cloudinary Demo - eCommerce App to the Google Play Store. This app demonstrates the best practices for optimal delivery of images on a storefront, including category pages, product pages, and a shopping cart. At the time, we published Introducing the Cloudinary Demo Android App, Part 1, which provided an under-the-hood tour of how the eCommerce Android App was designed and how Cloudinary was integrated throughout.

Read more