対象のHTMLソースを入力欄に貼り付けます。 抽出を実行します。
| No. | src | alt | 状態 |
|---|
このツールでできること
HTMLソースコードから画像タグ（img src）のURLを一括抽出できる無料ツール。Webページのソースを貼り付けるだけで画像URLリストを取得できます。
使い方
- 対象のHTMLソースを入力欄に貼り付けます。
- 抽出を実行します。
- 一覧表示された画像URLを確認します。
- 必要なURLをコピーして利用します。
対応形式と注意点
imgタグのsrc属性を対象に抽出します。相対パスや遅延読み込み属性を使っているページでは、期待したURLが取れないことがあります。
こんなときに便利
Webページ内の画像URLを一覧化したいとき、素材収集や確認作業を効率化したいときに便利です。
imgタグを一覧化
入力したHTML文字列からimgタグを探し、見つかった順に番号を付けて一覧表示します。ページ内の画像タグをまとめて確認したいときに便利です。
srcとaltを抽出
各imgタグからsrcとaltを取り出して表へ表示します。属性値はダブルクォート・シングルクォートで囲まれた形式と、クォートなしの形式に対応しています。
altの状態を3分類
altに文字が入っていれば「OK」、属性自体がなければ「alt属性なし」、alt=""なら「空alt」として表示します。
「alt属性なし」と「空alt」を別々に数えられるため、設定状況を確認しやすくなっています。
srcが空でも一覧に表示
imgタグとして見つかれば抽出対象になります。srcがない、または値が空の場合は、src欄を空のまま表示します。
src属性です。srcsetやdata-srcなど、遅延読み込みやレスポンシブ画像用の別属性を画像URLとして抽出する機能ではありません。CSVでコピー
抽出結果はno、src、alt、statusの4列を持つCSVとしてコピーできます。表計算ソフトなどでチェックリストとして整理したいときにも使えます。
画像自体は確認しません
HTML内の属性文字列を抽出するツールなので、画像URLへアクセスしてファイルの存在を確認したり、altの文章内容が適切かを自動評価したりする機能はありません。
画像タグ抽出のFAQ
alt属性なしと空altは区別できますか？
はい。属性自体がない場合と、alt=""が設定されている場合を別々に表示・集計します。
srcsetのURLも抽出できますか？
できません。画像URLとして一覧に出すのはsrc属性です。
画像が実際に表示できるか確認できますか？
できません。HTML内の属性を抽出するだけで、画像URLへのアクセスや存在確認は行いません。