https://tips.onepagelove.com/wp-content/themes/hottips/frontend/audio/45.mp3

Hot Tip #45 is don’t neglect Retina optimization.

Simply put, Retina Displays have higher density pixels, needing a bigger version of the imagery to appear crisp.

Clear infographics and crisp app screenshots leave a wonderful first impression, especially if your target market is designers.

**Resources**

[A guide to <picture> and srcset](<https://tips.onepagelove.com/go/responsive-images/>) – Developer Eric Portis details exactly how to deliver @2x images on Retina screens.

[SVG Optimization Tool](<https://tips.onepagelove.com/go/imageoptim/>) – SVG icons are a smart way to keep them crisp on all screens. ImageOptim has an excellent optimization function where you simply drag the SVG file in and it automatically cleans it up.

[BGJar](<https://tips.onepagelove.com/go/bgjar>) – Free online tool to create SVG backgrounds, keeping everything crisp on Retina screens.

Next tip:

Remove the obstacles to demo