Streaming live at 10am (PST)

What is difference between picture and div with background?

Hello everyone! I’m new to Webflow and happy to ask the community for an explanation. Could you explain what is semantic difference between picture element and div block with a background image? Are any recommendations in which cases to use image element or div with bg?

1 Like

It would be best for you to look at the specs. No point in repeating what is already very well documented.

An Image has semantic meaning, a background-image does not.


I can add something. Use image elements when the image is part of the content. Use BG images when the image is part of the design. Maybe this is not the best use case, but sounds logical.

Piter :webflow_heart:

1 Like