← Back to tools
Shopify Image Tags

Turn Shopify image URLs into sorted img tags.

Extract image URLs from files.edges GraphQL responses, JSON, or pasted text, then generate copy-ready HTML.

Local

Files are not uploaded. ZIPs and snippets are generated in the browser.

Shopify

Turn a GraphQL File response or image URL list into sorted img tags.

Reviewed Logic

The old DOM-heavy scripts were split into state, UI, and parsing/transform modules.

What it does

The parser finds Shopify CDN image URLs, removes duplicates, sorts by filename, and outputs a compact snippet.

Common uses

  • Building product-description image HTML
  • Cleaning up Shopify File API output
  • Converting URL lists into snippets

Workflow

  1. 1 Paste a GraphQL response or URL list.
  2. 2 Extract and sort the image URLs.
  3. 3 Copy the generated HTML.
Shopify

Shopify image-tag editor

Pasted content is parsed locally in the browser. No external API calls are made.

Shopify image-tag editor