Skip to content

Resolution switching examples #38

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Sep 4, 2013
Merged

Resolution switching examples #38

merged 2 commits into from
Sep 4, 2013

Conversation

nwtn
Copy link
Contributor

@nwtn nwtn commented Sep 3, 2013

No description provided.

<figure>
<div><img src="images/dpr-camera-man.jpg" width="1200" height="320" style="max-width:1200px" class="stretchy" alt="an image displayed at 1x DPR, the same resolution stretched to display at 2x DPR, and with double the resolution at 2x DPR" /></div>
<figcaption>
<p>On a device with a device pixel ration greater than 1, higher image resolutions are required to eliminate artifacts.</p>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

typo: ration

<figure>
<div><img src="images/viewport-camera-man.jpg" width="960" height="320" style="max-width:960px" class="stretchy" alt="the same photograph at two resolutions, but displayed in equal-width viewports, will look identical" /></div>
<figcaption>
<p>To optimize performance, authors can use images that more closely match the viewport size.</p>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe something like "This illustration shows how on a single viewport size, the larger image has no positive impact on the user perceived image quality, while having a negative impact on the page's performance, by downloading excessive image data.
To optimize performance, images that match the viewport size as closely as possible should be downloaded"

yoavweiss added a commit that referenced this pull request Sep 4, 2013
Resolution switching examples
@yoavweiss yoavweiss merged commit 0ec8dc8 into ResponsiveImagesCG:gh-pages Sep 4, 2013
@yoavweiss
Copy link
Member

Merging so that @marcoscaceres can move the spec to ReSpec. I'll address the few comments I had in a separate PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants