Watch: Creating High Resolution Background Images with CSS

Share this article

In this screencast Russ Weakley shows you how to create high resolution background images including at a 2x and 3x resolution for narrow and wide screens using the webkit-min-device-pixel-ratio and min-resolution media queries.

View the code sample provided.

Loading the player…

Russ WeakleyRuss Weakley
View Author

Russ Weakley is a world-renowned author, speaker and CSS expert, with a detailed knowledge of web design and development. Russ produced a series of widely acclaimed Sitepoint tutorials on CSS. He is currently touring a series of Responsive Web Design workshops around Australia.

AdvancedCSSangelamInstructional videoSitepoint Premium
Share this article
Read Next
Get the freshest news and resources for developers, designers and digital creators in your inbox each week