保存した画像を幅960pxにリサイズして、WebP形式に変換する手順

動画から取得したスクリーンショット画像を、Web制作向けに**適切なサイズ(幅960px)に調整し、軽量で高品質なWebP形式に変換する。

🪜 作業手順:

① 画像をリサイズ(幅960pxに変更)

 

  1. 「ペイント(Windows)」または「プレビュー(Mac)」を使って画像を開く
     - ファイルをダブルクリックすると、自動的に既定のアプリで開きます。

  2. 画像のサイズを変更する

🖥 Windowsの場合(ペイント):

  • 上部メニュー「サイズ変更」または「リサイズ」をクリック

  • 単位を「ピクセル」に変更し、「水平方向(幅)を960px」に設定
     ※「縦横比を維持する」にチェックが入っていれば、高さは自動調整されます

  • 「OK」→「名前を付けて保存」

🖥 Macの場合(プレビュー):

    • メニューから「ツール」→「サイズを調整」

    • 幅を「960 px」に設定(高さは自動で変わります)

  • 「ファイル」→「保存」または「名前を付けて保存」

② WebP形式に変換する

  1. ブラウザで以下のサイトにアクセス:
     🔗 https://saruwakakun.com/tools/png-jpeg-to-webp/

  2. 画面中央にある「ファイルを選択」ボタンをクリック
     → 先ほどリサイズした画像ファイルを選択

  3. アップロードが完了すると、自動的にWebP形式に変換される

  4. 「WebP形式で保存」ボタンをクリックして、変換後の画像をダウンロード

✅ 最終チェック:

  • 保存ファイル名がわかりやすく付けられているか
     例:scene1_resized.webp
    全て小文字、キーワード、画像のファイル名からも、検索がヒットするよう作る」

  • ファイルサイズが小さくなっているか(例:300KB以内が目安)
    基本160KB前後まで

  • 指定されたフォルダやGoogle Driveにアップロードしたか

コメント

タイトルとURLをコピーしました