# The CSS background-image property as an anti-pattern

DevFeed: [The CSS background-image property as an anti-pattern](<https://devfeed.tech/articles/the-css-background-image-property-as-an-anti-pattern-31308.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/the-css-background-image-property-as-an-anti-pattern>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2019-05-28T12:49:00Z

Content type: opinion

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [Search engine optimization (SEO)](<https://devfeed.tech/topics/seo.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [allowed](<https://devfeed.tech/tags/allowed.md>), [alt-text](<https://devfeed.tech/tags/alt-text.md>), [amazing](<https://devfeed.tech/tags/amazing.md>), [background-image](<https://devfeed.tech/tags/background-image.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [cases](<https://devfeed.tech/tags/cases.md>), [css](<https://devfeed.tech/tags/css.md>), [image](<https://devfeed.tech/tags/image.md>), [insights](<https://devfeed.tech/tags/insights.md>), [it-s](<https://devfeed.tech/tags/it-s.md>), [leave](<https://devfeed.tech/tags/leave.md>), [property](<https://devfeed.tech/tags/property.md>), [seo](<https://devfeed.tech/tags/seo.md>), [things](<https://devfeed.tech/tags/things.md>), [time](<https://devfeed.tech/tags/time.md>)

## AI overview

The article argues that CSS background-image is often misused for CTA hero and UI images. It discusses SEO, accessibility, and performance drawbacks and points toward using more appropriate browser image techniques instead.

## Source excerpt

The CSS background-image property allowed us to do some amazing things, but in most cases, it's time to leave it behind.