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: