Last updated: Dec-28-2022
The Cloudinary Media Inspector is a browser extension that analyzes all media assets on your site, and shows you in-depth information about the media, including file size, status, any Cloudinary transformations and more. The Media Inspector is a valuable tool for debugging your Cloudinary media on your website or application and can be used as a way to enhance and improve the performance and appearance of your media assets.
Try it now by adding the extension from the Chrome extension Marketplace, and pinning the media inspector icon to your browser extension toolbar.
The Media Inspector can be launched for both a single media file or for all media on a page.
To see information about a single media file, use the right-click menu on the media file in your browser. The menu will open, and you can click on the Media info menu item to open the Media Inspector.
To see a list of all media assets on the page and some basic information about each one, click the Cloudinary Media Inspector button in the extensions section of Chrome, located in top right corner. The icon for the Media Inspector is the Cloudinary logo.
When you open the media Media Inspector for a specific file, you will be shown a summary of your media file as well as four other tabs containing more detailed information about the media.
The Summary tab includes all the general information relevant to the image or video, including file type, size and dimensions, as well as displaying the colors detected in the media file.
The Transformation tab shows a breakdown of all the individual Cloudinary transformations applied to the media file:
From here, you can also launch the Transformation Debugger, which allows you to debug the transformation components by adding or removing them one by one:
The Request headers and Response headers tabs show the HTTP request and response headers that were sent when viewing the media file.
The Performance tab shows the performance metrics for the image or video. This includes the time it took for the various stages of loading the media asset.