UTILS.
プライバシーを標準に
⧉

画像srcset生成

パスと幅のリストから、srcsetとsizesを含むレスポンシブな<img>タグを生成します。

ファイルはこの端末に残ります

ファイルはブラウザ内で処理され、アップロードされません。ツールの実行に必要なコードと素材はダウンロードされます。アカウントも追跡もありません。

ダウンロードを使うと、このツールを1つのHTMLファイルに保存してオフラインで使えます。

プライバシー →
— ここに結果が表示されます —

このツールについて

ベースとなる画像パスと幅のリストから、srcsetとsizes属性を備えたレスポンシブな<img>タグを作成します。マークアップはブラウザ内でローカルに生成されます。

よくある質問

srcsetのURLはどう命名されますか?
各幅に対して path-640w.jpg のようなURLが生成され、対応する 640w 記述子が付きます。これはレスポンシブ画像バリアントでよく使われる命名規則です。
リサイズした画像は自分で用意する必要がありますか?
はい。このツールはマークアップを生成するだけです。リスト内の各幅に対応する実際のリサイズ済み画像ファイルは、ご自身で用意する必要があります。

その他のツール