Set up new image CDN service for static assets

[ekafyi]

Overview

Set up a new image CDN service to host and serve static image assets (eg. banner images).

Based on Slack conversation, the two service contenders are Imgix and Cloudinary. Both provide free tiers and have comparable image processing features such as compression and resize. The major difference is that Cloudinary provides image hosting while Imgix requires us to add and configure our own hosting.

Shall we go with Cloudinary for the sake of simplicity (fewer accounts to configure)?

Further info on how Cloudinary quota: https://support.cloudinary.com/hc/en-us/articles/203125631-How-does-Cloudinary-count-my-plan-s-quotas-and-what-does-every-quota-mean-

Current Tasks

Essential

• Make WBW Cloudinary account and share credentials with relevant stakeholders #339
• Add Cloudinary loader function for use with Image component #340
• Enable image source URL to be updated from Netlify CMS as text fields #341

Enhancements

• Integrate Cloudinary to Netlify CMS so admins can upload image directly from CMS #395

Documentation

• Document how to upload image to Cloudinary, do and donts — https://gist.github.com/ekafyi/1a86987c111a96976309c12f047d43a9
• Document how to add and work with images #569

[mazipan]

+1 for using Cloudinary from me.

We can not have a vote ya on the GitHub 😂

[zainfathoni]

Since most of the tasks are completed already, I'm closing this issue so we can wrap up the Website 2.0 milestone.

The remaining issue, #569, can still be tracked under #99.