Support » Fixing WordPress » What size should I design images?

Viewing 3 replies - 1 through 3 (of 3 total)
  • 100% 🙂

    Joking aside, screen sizes on the web vary. A lot. You could have a screen that’s 1920 x 1080 pixels, you could have a screen that’s 320 x 480 pixels. So a good solution is to actually aim for file-size. I typically do not use images over 800 x 600 pixels and try to have file-sizes down to not more than 30kb. Then in your CSS you can tell the browser to scale images up or down based on the size of the screen. The downside is that larger screens may get a more pixelated image to fill up the screen – but usually images set to fill up a screen are more texture than “look at me ” images, I tend to worry less about that. It’s all about balance – find the right balance between appearance, file-size, load time, screen sizes you want to support, etc.

    thank you so much for the detailed response. I appreciate it! How do I tell the browser in CSS to scale images up or down based on screen size? Is there a snipet of code I can paste into the CSS?

    The background-size attribute. See https://developer.mozilla.org/en-US/docs/Web/CSS/background-size for details on how to use.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘What size should I design images?’ is closed to new replies.