MontrealRb presentation: Cloudinary
-
Upload
alain-pilon -
Category
Technology
-
view
265 -
download
0
description
Transcript of MontrealRb presentation: Cloudinary
![Page 1: MontrealRb presentation: Cloudinary](https://reader033.fdocuments.us/reader033/viewer/2022052413/559d234d1a28ab8a7a8b46d1/html5/thumbnails/1.jpg)
Cloudinaryby Alain Pilon
![Page 2: MontrealRb presentation: Cloudinary](https://reader033.fdocuments.us/reader033/viewer/2022052413/559d234d1a28ab8a7a8b46d1/html5/thumbnails/2.jpg)
THIS IS NOT ADVERTISEMENT!
![Page 3: MontrealRb presentation: Cloudinary](https://reader033.fdocuments.us/reader033/viewer/2022052413/559d234d1a28ab8a7a8b46d1/html5/thumbnails/3.jpg)
Topics covered
What?
Why?
When?
How?
Cool stuff
Alternatives
![Page 4: MontrealRb presentation: Cloudinary](https://reader033.fdocuments.us/reader033/viewer/2022052413/559d234d1a28ab8a7a8b46d1/html5/thumbnails/4.jpg)
What?
Cloud service
Smart image manipulation and management
Acts as:
Storage
Backup
CDN
Transformer
![Page 5: MontrealRb presentation: Cloudinary](https://reader033.fdocuments.us/reader033/viewer/2022052413/559d234d1a28ab8a7a8b46d1/html5/thumbnails/5.jpg)
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
![Page 6: MontrealRb presentation: Cloudinary](https://reader033.fdocuments.us/reader033/viewer/2022052413/559d234d1a28ab8a7a8b46d1/html5/thumbnails/6.jpg)
When?
As early as possible since you will have to move all your assets to Cloudinary
![Page 7: MontrealRb presentation: Cloudinary](https://reader033.fdocuments.us/reader033/viewer/2022052413/559d234d1a28ab8a7a8b46d1/html5/thumbnails/7.jpg)
How?
Simple URL
Carrierwave
Attachaniary
http://res.cloudinary.com/hhfav761b/image/upload/group.jpg
![Page 8: MontrealRb presentation: Cloudinary](https://reader033.fdocuments.us/reader033/viewer/2022052413/559d234d1a28ab8a7a8b46d1/html5/thumbnails/8.jpg)
Cool stuff?
Private images/versions
Sprite generation
Face detection => face blurring(!)
camera EXIF
Metadata (gps, etc...)
Colors
![Page 9: MontrealRb presentation: Cloudinary](https://reader033.fdocuments.us/reader033/viewer/2022052413/559d234d1a28ab8a7a8b46d1/html5/thumbnails/9.jpg)
More cool stuff
Correct picture orientation (for mobile)
Manipulations (creative cropping, borders, watermarks, etc)
Create animated GIF
1 account => multiple sites
![Page 10: MontrealRb presentation: Cloudinary](https://reader033.fdocuments.us/reader033/viewer/2022052413/559d234d1a28ab8a7a8b46d1/html5/thumbnails/10.jpg)
Good to know
Images are loaded async
give a size to the img elements
some jQuery plugins need tweaking
![Page 11: MontrealRb presentation: Cloudinary](https://reader033.fdocuments.us/reader033/viewer/2022052413/559d234d1a28ab8a7a8b46d1/html5/thumbnails/11.jpg)
Alternatives
https://github.com/tobi/imagery (good luck)
![Page 12: MontrealRb presentation: Cloudinary](https://reader033.fdocuments.us/reader033/viewer/2022052413/559d234d1a28ab8a7a8b46d1/html5/thumbnails/12.jpg)
Thank you!
Try Cloudinary: goo.gl/KUPmX