Do you put borders around white images?

Updated by Brady Stroud [SSW] 1 year ago. See history

123
<introEmbed body={<> Imagine you're browsing a website. You come across an area on the page that seems oddly blank, only to realize it's a white image blending seamlessly into the white background. This disrupts the browsing experience. So how do you prevent that? </>} />

The Importance of Image Borders

Making your images distinct is a key part of creating a user-friendly website. You should add borders to images, especially those with a white or light-colored background.

  • Visibility: A border makes the image stand out, even if the website's background color matches the image's color.
  • Professionalism: Borders can add a sense of completeness to your site's design.
Image

❌ Figure: Bad Example - Can't tell where the image begins and ends!

Image

✅ Figure: Good Example - This looks much better

Note: You should also add a useful caption to every image.

Acknowledgements

Seth Daily
Adam Cogan
Related rules

Need help?

SSW Consulting has over 30 years of experience developing awesome software solutions.

We open source.Loving SSW Rules? Star us on GitHub. Star