Thread by @unicodeveloper

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 😎😇

You don’t have to do that. With @cloudinary you can deliver the asset with the right dimensions as a very light asset to the user.

Just use @cloudinary <img> or <video> tags in HTML with the desired dimensions and embed in your site like so:

Check out the next tweet...

The code would look like so:

cl_image_tag(“sample.jpg”, :width=>300, :height=>100, :crop=>”scale”)

Which will result in HTML code like so:

<img src=”res.cloudinary.com/demo/image/upl…”> #25DaysOfMediaMagic 🔥🔥🔥🔥

This way you don’t have to worry about shipping too many bytes to your users.

You immediately move from a wicked to a thoughtful developer.

We’ll continue tomorrow. Stay tuned! #25DaysOfMediaMagic 🚀 🚀 🚀