- Keep backgrounds simple. You shouldn’t add things like overlays, semi-transparency, or gradients in Photoshop — those can be added using CSS. This has the advantage of making the overlays/transparency/gradient easy to tweak in code, while increasing the reusability of the image.
- Save images in as large a size as practical, especially photos. It’s easy for us to scale an image down, not so easy to scale them back up.
- Don’t bother optimizing image files. We do that before moving them to production anyway. Continue reading Things web developers wish designers knew