Cloudinary is a cloud service that provides smart image manipulation and management. It acts as storage, backup, a content delivery network, and image transformer. Cloudinary is useful because image management is difficult without many options, and it provides flexibility and speeds up websites. Developers should integrate Cloudinary as early as possible to move all image assets to the cloud service. It has a simple URL structure and works with common frameworks like Carrierwave. Cloudinary offers private images, sprite generation, face detection, metadata support, and image optimizations for mobile. Developers get one account to use across multiple sites.

1. Cloudinary
by Alain Pilon

2. THIS IS NOT
ADVERTISEMENT!

3. Topics covered
What?
Why?
When?
How?
Cool stuff
Alternatives

4. What?
Cloud service
Smart image manipulation and management
Acts as:
Storage
Backup
CDN
Transformer

5. Why?
Image management sucks
Not a lot of choices (anyone uses something else than
CarrierWave?)
Flexibility
You can’t predict the future
Speeds up your site & development

6. When?
As early as possible since you will have to move all
your assets to Cloudinary

7. How?
Simple URL
http://res.cloudinary.com/hhfav761b/image/upload/group.jpg
Carrierwave
Attachaniary

8. Cool stuff?
Private images/versions
Sprite generation
Face detection => face blurring(!)
camera EXIF
Metadata (gps, etc...)
Colors

9. More cool stuff
Correct picture orientation (for mobile)
Manipulations (creative cropping, borders,
watermarks, etc)
Create animated GIF
1 account => multiple sites

10. Good to know
Images are loaded async
give a size to the img elements
some jQuery plugins need tweaking

11. Alternatives
https://github.com/tobi/imagery (good luck)

12. Thank you!
Try Cloudinary: goo.gl/KUPmX