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.


HTML if it’s a logo and here’s a good reason why →

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