動画から取得したスクリーンショット画像を、Web制作向けに**適切なサイズ(幅960px)に調整し、軽量で高品質なWebP形式に変換する。
🪜 作業手順:
① 画像をリサイズ(幅960pxに変更)
-
「ペイント(Windows)」または「プレビュー(Mac)」を使って画像を開く
- ファイルをダブルクリックすると、自動的に既定のアプリで開きます。 -
画像のサイズを変更する
🖥 Windowsの場合(ペイント):
-
上部メニュー「サイズ変更」または「リサイズ」をクリック
-
単位を「ピクセル」に変更し、「水平方向(幅)を960px」に設定
※「縦横比を維持する」にチェックが入っていれば、高さは自動調整されます -
「OK」→「名前を付けて保存」
🖥 Macの場合(プレビュー):
-
-
メニューから「ツール」→「サイズを調整」
-
幅を「960 px」に設定(高さは自動で変わります)
-
-
「ファイル」→「保存」または「名前を付けて保存」
② WebP形式に変換する
-
ブラウザで以下のサイトにアクセス:
🔗 https://saruwakakun.com/tools/png-jpeg-to-webp/ -
画面中央にある「ファイルを選択」ボタンをクリック
→ 先ほどリサイズした画像ファイルを選択 -
アップロードが完了すると、自動的にWebP形式に変換される
-
「WebP形式で保存」ボタンをクリックして、変換後の画像をダウンロード
✅ 最終チェック:
-
保存ファイル名がわかりやすく付けられているか
例:scene1_resized.webp
全て小文字、キーワード、画像のファイル名からも、検索がヒットするよう作る」 -
ファイルサイズが小さくなっているか(例:300KB以内が目安)
基本160KB前後まで -
指定されたフォルダやGoogle Driveにアップロードしたか
コメント