I’m a big fan of outsourcing development efforts so as to gain time to focus on the core business logic. As a leader of developer communities and fervent developer advocate, I’m constantly on the lookout for opportunities to communicate the importance of leveraging reliable and fast third-party services in your app development.
A couple of weeks ago, it occurred to me that I could show the world on Twitter tips and tricks that could be applied to media assets (images and videos) through Cloudinary. Subsequently, I dedicated each of the first 25 days in December to present Cloudinary’s many features through the hashtag #25DaysOfMediaMagic. It was a worthwhile and gratifying effort.
Liquid error: internal
Below is a full recap:
Day 1: Image Optimization With q_auto
and f_auto
Day 1: Never deliver images without any form of optimization to the user. With @cloudinary, 1) applying "f_auto" automatically deliver images in the optimal format. 2) "q_auto" to your images automatically deliver images in the optimal file size and visual quality.
Example:...19:25 PM - 01 Dec 2019
Day 2: Automatic Video Transcoding
Liquid error: internal
Day 3: Dynamically Distorting Images
Liquid error: internal
Day 4: Re-creation of Google Photos Color Pop
Liquid error: internal
Day 5: Cropping of Content-Aware Video
Liquid error: internal
Day 6: Cartoonification of Photos
Day 6: Today is the day you learn that creating Instagram-like filters is a walk in the park especially with @cloudinary.
One of such filters which is easy to love is the “cartoon” effect. A world that exists where Thanos can snap his fingers & we all become cartoons. 🤯🤯🤯04:07 AM - 07 Dec 2019
Day 7: Subtitles, Video Captioning, and Live Streaming
Liquid error: internal
Day 8: Creation of Animated GIFs
Liquid error: internal
Day 9: Duotone Filter
Liquid error: internal
Day 10: Creation of Displacement Maps With Images
Liquid error: internal
Day 11: Removal and Rotation of Image Background
Day 11: Let's talk about how painless it is to remove a picture's background & also rotate images programmatically! 😁😎
For rotating images, it's as clear as using the `angle` parameter with the number of degrees by which to rotate the image clockwise.
Let's use Eden's image:18:25 PM - 11 Dec 2019
Day 12: Video Transparency
Liquid error: internal
Day 13: Low-Quality Image Placeholders for Lazy Loading
Liquid error: internal
Day 14: Resizing and Delivery of Media Assets
Liquid error: internal
Day 15: Adaptive Bitrate Streaming of Videos
Liquid error: internal
Day 16: Image and Video Watermarking
Liquid error: internal
Day 17: Responsive Images
Liquid error: internal
Day 18: Generation of Video Previews
Liquid error: internal
Day 19: Flipping of Videos
Day 19: Omitted this yesterday so I'll do it today. I'll quickly show you how to automatically flip videos.
All you need to do is set the `angle` parameter on the video. To vertically flip it, set `angle` parameter to `vflip`.
To horizontally flip it, set `angle` to `hflip`04:31 AM - 20 Dec 2019
Day 20: Custom Engravings on Products
Liquid error: internal
Day 21: Generation of an Old-Image Look
Liquid error: internal
Day 22: Color Replacement in Photos
Liquid error: internal
Day 23: Digital Asset Management
Liquid error: internal
Day 24: Widgets for Product Gallery
Liquid error: internal
Day 25: Advanced Facial-Attribute Detection With Image Overlay
Liquid error: internal
The Haitians have a popular proverb:
Dèyè mòn gen mon
..which means:
Beyond mountains there are mountains. In other words, as you solve a problem, other problems pop up.
In software engineering, challenges surface all the time and there are always problems to be solved. The smart thing to do is to get the mundane tasks out of the way so that you can focus on the core of your business. Cloudinary is a reliable, full-stack platform that efficiently and effectively performs all your media-related tasks. Do check it out.
Furthermore, feel free to make this post your reference guide on media manipulation & transformation.
Your Turn
If you found any of the tips from the 25 days useful or resonating, feel free to like & RT on Twitter. Hey Reader!, I also want to know your best tip in the comment section.
Top comments (8)
Good one!
Thank you. Which tip did you find useful?
I have been having issues resizing images in my (blog)[gathuku.tech], I will explore cloudinary for resizing maybe.
Awesome. Let me know how it goes!
I am using cloudinary in my next app
Let me know how it goes. And hit me up if you need any help.
Awesome. Well done.
Thank you. Did you try out any tip?