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.
Below is a full recap:
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 of #25DaysOfMediaMagic.
Did you know that Automatic transcoding for your videos can happen without you working for it? 🔥🚀
@cloudinary can literally identify the user’s device & browser the video is being viewed on & deliver the beer video format and codec for that user22:15 PM - 02 Dec 2019
Day 3: One really cool thing you can do is Image Distortion. Manually, this would require your knowledge of Photoshop or the likes.
However, with @cloudinary’s API, a transformation effect would produce this easily 😎🔥🚀 #25DaysOfMediaMagic01:08 AM - 04 Dec 2019
Day 4: Remember the Google Photos Color Pop Effect Feature? 😁
You can easily recreate it with @cloudinary while beautifying it with more options (effects) 🎉🎈🍾
This article will show you how: cloudinary.com/blog/re_creati… #25DaysOfMediaMagic 🔥🚀21:18 PM - 04 Dec 2019
Day 5: Cropping videos to cater for different aspect ratios for multiple devices can be hard. An example of delivering videos optimally across various platforms is shown below:
Carefully take note of the aspect ratios. #25DaysOfMediaMagic13:16 PM - 05 Dec 2019
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: Today is the Anthony Joshua vs Andy Ruiz Jr, Episode 2 fight. And I'm freaking stoked for this event.
I wish I was in Saudi Arabia but I'm broke so watching it on TV or via livestream is the only viable option. 😢😭
Wait a minute, what if you wanted...#25DaysOfMediaMagic18:01 PM - 07 Dec 2019
Day 8: One of the most popular cases of video interaction I have seen on social media is folks turning videos into animated GIFs.
Several tools are available to turn excerpts of videos into gifs readily. @cloudinary is one of them.
I’ll show you how #25DaysOfMediaMagic 🐐👌🏿15:26 PM - 08 Dec 2019
Day 10: One cool trick you can make happen with @cloudinary is invoking the power of displacement maps with images. 🔥
Not just overlaying two images together, but combining two images in a way that produces a certain custom desired result. #25DaysOfMediaMagic
For example:22:20 PM - 10 Dec 2019
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: Let's talk about how to achieve video transparency. This should be mad fun!!!!
A typical case study is how you'd like to have a nice background or that of a certain color in your video because you hate the background or you just want to make it cool.
#25DaysOfMediaMagic21:35 PM - 12 Dec 2019
Day 13: Lazy loading of images is something every frontend developer know about and implement very often in their projects.
High-quality images often requires longer page loading times, which can cause users to leave. #25DaysOfMediaMagic18:50 PM - 13 Dec 2019
Day 14: let’s talk about delivering media assets at the desired size to your users.
Most developers resize images on the client using CSS. But this is bad.
It’s bad because you have allowed the user to download the original heavy image with their data. #25DaysOfMediaMagic 😎😇21:59 PM - 14 Dec 2019
Day 17: People talk about responsive design a lot but often leave out responsive images. One image for all screen resolutions and different devices is never & will never be enough.
Devices & screen resolutions keep increasing and it's hard to keep up #25DaysOfMediaMagic21:28 PM - 17 Dec 2019
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 21: I'll show you how to turn your pictures into old paragraphs. 🔥🚀
But most importantly, the technique I'll use here can be applied to doing lots of crazy things with overlaying images.
This is what the finished product will look like 😁 #25DaysOfMediaMagic22:44 PM - 21 Dec 2019
Day 22: Missed this yesterday, but no fears. We will cover it today and still cover Day 23. #25DaysOfMediaMagic
The year is 2019, and it's the season for Hanukkah. There are photos of dreidels for Hanukkah with a color combination of blue, red and dark green. 😍18:04 PM - 23 Dec 2019
Day 23: I discovered that lots of folks think only developers can use the media tricks I have mentioned since Day 1.
That’s a false narrative.
No, you don’t have to know code, all your team members can manage digital assets via the dashboard/DAM solution #25DaysOfMediaMagic03:55 AM - 24 Dec 2019
Day 24: What if you are tasked with building an interactive UI that can display business products to customers in a day or less? 🤔
Similar type of UI obtainable in e-commerce/shopify-like stores. How would you go about it? #25DaysOfMediaMagic21:43 PM - 24 Dec 2019
Day 25: In one of the previous tips of #25DaysOfMediaMagic, I mentioned how you can add overlays on top of images and videos.
Today, we'll celebrate #Christmas by applying multiple image transformations and advanced facial attributes detection to images to christmas-ify them!😁15:48 PM - 25 Dec 2019
The Haitians have a popular proverb:
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.
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.