# Images as Code: Representing Localized and Evolving Products on Marketing Pages

DevFeed: [Images as Code: Representing Localized and Evolving Products on Marketing Pages](<https://devfeed.tech/articles/images-as-code-representing-localized-and-evolving-products-on-marketing-pages-1438.md>)

Original publisher: [Read original article](<https://shopify.engineering/images-code-representing-localized-evolving-products-marketing-pages>)

Author: Ilana Beer

Published: 2020-10-07T17:00:00Z

Content type: article

Language: en

Sources: [Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering.md>), [Shopify Engineering - Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering-shopify-engineering.md>)

Topics: [JavaScript](<https://devfeed.tech/topics/javascript.md>), [HTML](<https://devfeed.tech/topics/html.md>), [SVG](<https://devfeed.tech/topics/svg.md>), [Shopify](<https://devfeed.tech/topics/shopify.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [blog](<https://devfeed.tech/tags/blog.md>), [code](<https://devfeed.tech/tags/code.md>), [deep-dive](<https://devfeed.tech/tags/deep-dive.md>), [html](<https://devfeed.tech/tags/html.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [shopify](<https://devfeed.tech/tags/shopify.md>), [svg](<https://devfeed.tech/tags/svg.md>)

## AI overview

Shopify describes a JavaScript-based approach for representing localized and evolving product interfaces as scalable HTML visuals on marketing pages. The article explains why SVG screenshots and separate image assets were difficult to scale, translate, and maintain across many domains.

## Source excerpt

A deep dive into a JavaScript-based module to scale HTML content like an image would inside of its container and a look at why it was developed.