Media Tutorials
Cloudinary Launches a Complete Video Solution
Over the past year I've shown you how amazing Cloudinary is for media delivery, optimization, image filters and transformations, Vue and React; whatever the task, Cloudinary has you covered. Today I'm happy to share that Cloudinary has a massive new feature announcement: ...
Convert JPG, PNG, and Animated GIF to WEBP
New image formats like WEP and MOZJPEG will be a major boost to load time on the web. The majority of page load and render time is usually attributed to unoptimized images, so these new formats will make both mobile and desktop load times faster. I've...
Image and Video Conversion with Cloudinary
I've always been fascinated with media formats and converting both images and video from one format to another. Media conversion allows us to play videos on devices or apps with picky media requirements and load optimized formats for faster download speed. I've written several media-related...
Contest: Cloudinary Style Transfer on CodePen!
Cloudinary provides web designers and developers the ability to do a huge number of operations, like resize, optimize, and format almost all media types, but my favorite parts of their service are the vast amount of visual transformations their API allows you to play with; ...
Detect WEBP Support with JavaScript
Image optimization is a huge part of improving front-end performance. We've traditionally used JPG/JPEG, GIF, and PNG images but Google and the Chrome team developed the WEBP format which crunches file size and optimizes rendering. If you go to a site like GIPHY in Chrome you'll...
10 Excellent Image Tricks and Enhancements with Cloudinary
If you've read this blog over the past months, you'll know that Cloudinary offers an amazing array of functionality, whether it be imagery, video, and even audio. I wanted to highlight ten of my favorite features and tricks when transforming your media on Cloudinary! Outline...
Fetch and Transform Remote Images with Cloudinary
Many of my dives into Cloudinary's amazing API like Instagram-like Filters, Image Security, Custom eCommerce, have started with uploading media (images, video, audio) to Cloudinary and then manipulating from there. As social media and user generated content has taken the web by storm, however, we as...
Image Security with Cloudinary
When developers think about security within their web apps, seldom does image security top the list; not because securing media isn't important, of course, but because media security isn't always easy. Some will even tell you that media security isn't important, but if you want to keep media owner...
JPEG Compression with Guetzli
A little while ago Google released its Guetzli JPEG encoder, which claims a 20-30% improvement in file size over libjpeg. Being intrigued, I decided to give it a go. My tool of choice for optimizing JPEGs has long been jpeg-recompress, one of the...
Create Short Preview from Video
Displaying a preview image before loading a video is common practice with web media these days; oftentimes that image preview is the video's first frame or an important frame from the video. If you've visited an adult site recently (ahem), you will have noticed that not only do you get a preview image...