Opacity icon

Resolution Independence for Web Images

Resolution Independence can be difficult when designing for the web. One easy way to make things resolution independent is to use CSS to achieve graphical effects instead of images for things like borders, backgrounds and text. If you only need to support modern web browsers (and not Internet Explorer), you can use the SVG format-which is naturally resolution independent. When you need to use bitmap images, you can create a 1x image and a 2x image to make sure your image looks crisp when it is displayed.

Related Topics

Formats for Web Images

Using Images on the Web