← ツール一覧へ戻る
Shopify Image Tags

Shopify 画像 URL から img タグを生成。

GraphQL の files.edges 形式に加えて、JSON 内やテキスト内の画像 URL も検出し、ファイル名順に HTML を作成します。

Local

画像やファイルはサーバーに送信せず、ブラウザ内で ZIP や HTML を生成します。

Shopify

GraphQL の File レスポンスや URL 一覧から img タグを並べて生成します。

Reviewed Logic

古い DOM 依存や厳しすぎるパースを見直し、状態と変換ロジックを分離しました。

できること

Shopify CDN の画像 URL を抽出し、重複を除いたうえで、コピーしやすい HTML スニペットに変換します。

主な用途

  • 商品説明 HTML 用の画像タグ作成
  • Shopify File API のレスポンス整理
  • 画像 URL 一覧からの HTML スニペット生成

処理の流れ

  1. 1 GraphQL レスポンスまたは URL 一覧を貼り付けます。
  2. 2 画像 URL を抽出し、ファイル名順に並べます。
  3. 3 生成 HTML をコピーします。
Shopify

Shopify 画像タグエディタ

貼り付けたテキストはブラウザ内で解析します。外部 API への送信はありません。

Shopify 画像タグエディタ