無料ツール
日本語
レスポンシブ画像 · HTML · 生成
レスポンシブ画像 · HTML · 生成. 入力項目: 写真・映像 (CSV), 代替値, 説明. 値を入力して実行してください。例で形式を確認し、結果をコピーまたは保存できます。
登録不要
ツールを読み込み中…
使い方
- 1入力項目: 写真・映像 (CSV), 代替値, 説明.
- 2ツールを実行して結果を確認してください。
- 3結果をコピーするか入力を変えて比較してください。
使う前に
例で出力形式を確認し、原本を別に保管。変換した値・空白・改行を確認してから使ってください。
広告配信で通信情報を処理する場合があります。パーソナライズはプライバシー選択に従います。 プライバシー（英語）
実際の入力と出力の例
実際のエンジンに以下の例を入力した結果です。個人の入力や保存作業は使いません。ツールの例読込で同じ入力を確認できます。
入力例
| 項目 | 値 |
|---|---|
| 写真・映像 (CSV) | image-640.webp,640 image-1280.webp,1280 |
| 代替値 | image.jpg |
| 説明 | Photo |
結果例
<picture> <source srcset="image-640.webp 640w, image-1280.webp 1280w" type="image/webp"/> <img src="image.jpg" alt="Photo" loading="lazy"/> </picture>