search

mitodl / mitxpro

BSD 3-Clause "New" or "Revised" License
12 stars 2 forks source link

Optimize images managed by CMS for mobile #160

Open pdpinch opened 5 years ago

pdpinch commented 5 years ago

As a mobile user, I'd like to download lower-resolution images so my pages load faster.

As a CMS user, I'd like to upload one image for each content area in the CMS and have the web app size it appropriately for desktop and mobile users.

It may be useful to generate multiple renditions when images are uploaded to the CMS. See http://docs.wagtail.io/en/v2.4/advanced_topics/images/renditions.html#image-renditions

Acceptance Criteria:

Questions

tasawernawaz commented 5 years ago

@pdpinch I thought we are waiting on this to get answer of What is the target resolution for our mobile view?

pdpinch commented 5 years ago

I'm confused. Isn't the target resolution for our mobile video already defined by the CSS breakpoint?

ahmed-arbisoft commented 5 years ago

@pdpinch not really. There are small (sm) and medium (md) device width breakpoints (along with others that bootstrap provides) however different sections have different breakpoints defined at the moment based on the design. I'm afraid we haven't really declared a single "mobile width" breakpoint in the website yet.

pdpinch commented 5 years ago

Since no one is working on this, and it's in the backlog, I'm removing the assignments.