Webサイト画像アセット生成ツール

画像、picture.html スニペット、寸法とバイト数を記録した一覧、簡単な利用ガイドが含まれます。HTML の参照先は実際の出力ファイル名と一致します。

いいえ。各幅は元画像の幅が上限です。重複する幅は統合し、縦横比を保持します。HTML には実際の出力寸法を使います。

WebP と AVIF は透明度を保持できます。JPG では指定した背景色を使います。透明度をオフにすると、すべての形式がその色で合成されます。

画像を HTML と同じ場所に置くか、URL を画像ディレクトリに変更します。各画面幅での実際の CSS 表示幅に sizes を合わせてください。ブラウザが適切な幅を選びます。ページ上部の主画像では遅延読み込みを外します。

いいえ。画像をリサイズ・再エンコードし、元のメタデータはコピーしません。圧縮で細部や色の表現が変わる場合があります。編集履歴、来歴、著作権のために原本を保管してください。再エンコードせず検証付きでメタデータを除去する場合は AI Metadata Checker を使います。