Inserting Image = Inlined in HTML or in CSS property?

I am editing a HTML template and I noticed that sometimes designers place the image directly in the HTML or they simply use a background-image property to insert their image. Which one method is more professional or appropriate to use and when? Why?

As a general rule, if the image is part of the content - a picture of a product, perhaps - then it should be included in the HTML with an <img> tag.

If it is purely decorative, then it is better to keep it as a background image in the CSS, if possible.

5 Likes

HTML if it’s a logo and here’s a good reason why → http://searchengineland.com/logo-optimization-a-local-seo-stealth-tactic-168899

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.