画像WebP変換ツール(PNG/JPG対応)

  • URLをコピーしました!
画像WebP変換
ブラウザ内で処理

JPG・PNG画像を1枚でも複数枚でもWebP形式に変換できます。複数枚を選ぶ場合は、WindowsではCtrlキーを押しながら画像をクリックすると個別に選択でき、Shiftキーを使うと連続した画像をまとめて選択できます。画質を調整しながら、変換後のファイルサイズと削減率を確認できます。

80%

迷ったら80%前後がおすすめです。数値を下げるほど容量は軽くなりますが、画像が粗く見える場合があります。

3. 変換結果

補足: 画像によってはWebPに変換しても大きく軽くならない場合があります。 大切な画像は、元ファイルを残した状態で変換してください。
目次

画像WebP変換ツールについて

このツールは、PNG・JPEG画像をWebP形式に変換するためのWebツールです。1枚だけでなく複数の画像をまとめて選択し、同じ画質設定で順番にWebPへ変換できます。

変換後は画像ごとにプレビュー、ファイルサイズ、削減率を確認できます。必要な画像だけ個別に保存できるため、WordPressの記事で複数の画像を使うときにもまとめて変換できます。

変換処理はブラウザ上で行われます。選択した画像や変換後の画像が、ミコトホドや外部の画像変換サービスへ送信されることはありません。

対応形式はPNGとJPEGです。1ファイルにつき10MBまでの画像を変換できます。

使い方

  • 「画像ファイルを選択」を押し、PNGまたはJPEG画像を選びます。複数選ぶ場合は、WindowsではCtrlキーを押しながら画像をクリックすると個別に複数選択でき、Shiftキーを使うと連続した画像をまとめて選択できます。
  • 画質設定を調整します。選択した画像には同じ画質設定が適用されます。迷った場合は80%前後を目安にしてください。
  • 「WebPに変換する」ボタンを押します。
  • 画像ごとに、変換後のプレビュー、ファイルサイズ、削減率を確認します。
  • 問題がなければ、それぞれの保存ボタンからWebP画像を保存します。

変換後の画像は、元画像とは別のWebPファイルとして保存されます。元のPNG・JPEG画像が書き換えられることはありません。

変換仕様

項目内容
入力形式PNG、JPEG
出力形式WebP
画像選択1枚または複数枚
最大ファイルサイズ1ファイルにつき10MBまで
画質設定10%〜100%の範囲で調整可能
処理方法ブラウザ上で変換

画像の変換にはブラウザのCanvas APIを使用しています。複数画像を選択した場合も、外部サーバーへアップロードせず、使用している端末のブラウザ上で処理します。

複数画像をまとめて変換するとき

記事用の画像やスクリーンショットなど、複数のPNG・JPEG画像を一度に選択できます。選択した画像は同じ画質設定でWebPへ変換され、それぞれの変換結果を確認できます。

画像ごとに元の容量や圧縮状態が異なるため、同じ画質設定でも削減率は同じにはなりません。変換後の容量とプレビューを確認してから保存してください。

大きな画像を多数まとめて選択すると、端末のメモリ使用量が増えたり、変換に時間がかかったりする場合があります。その場合は、画像を数回に分けて変換してください。

画質設定の目安

画質設定は、数値を高くすると元画像の見た目を保ちやすくなりますが、ファイルサイズは大きくなりやすくなります。数値を下げると容量を軽くしやすくなりますが、画像によっては粗さが目立つ場合があります。

設定値目安
90〜100%画質を優先したい画像向け。容量はあまり下がらない場合があります。
70〜80%画質と軽さのバランスを取りやすい設定です。迷った場合の目安になります。
50〜60%容量を軽くしたい場合に使えます。写真や細かい画像では劣化が目立つことがあります。
40%以下軽量化を優先する設定です。見た目を確認してから使用してください。

記事のアイキャッチや本文中の画像では、70〜80%付近から試し、変換後の見た目と容量を比較しながら調整すると判断しやすくなります。

WebPに変換しても軽くならない場合

画像によっては、WebPに変換してもファイルサイズがあまり小さくならない場合があります。白背景に文字だけの画像、色数の少ない画像、すでに強く圧縮されている画像などでは、変換後の方が大きくなることもあります。

このツールでは画像ごとに元のサイズと変換後のサイズ、削減率を表示します。WebPにした方が大きくなった場合は、画質設定を下げるか、元の画像形式をそのまま使うことも選択肢です。

WordPressで使うときの用途

  • 記事で使う画像をまとめて変換したいとき
    本文画像やスクリーンショットなど、複数の画像をまとめてWebPへ変換できます。
  • 記事画像を軽量化したいとき
    PNG・JPEG画像をWebPへ変換し、ページ全体の画像容量を抑えたいときに使えます。
  • WordPressのプラグインを増やしたくないとき
    画像最適化プラグインを追加せず、必要な画像だけWebPへ変換できます。
  • 外部サービスへ画像をアップロードしたくないとき
    変換はブラウザ内で行われるため、外部の画像変換サービスへ画像を送らずに作業できます。
  • 変換前後の容量を確認したいとき
    画像ごとに元のサイズ、変換後のサイズ、削減率を確認できます。

WebP変換について

WebPは、Webサイトで利用できる画像フォーマットの一つです。JPEGやPNGから変換することで、見た目を大きく変えずに画像容量を抑えられる場合があります。

  • 画像容量を抑えやすい
    写真やブログ用画像を軽くし、ページ全体のデータ量を減らしやすくなります。
  • ページの読み込み負荷を減らせる
    画像容量を小さくできれば、Webページを表示するときに読み込むデータ量も抑えられます。
  • WordPressの記事画像にも使える
    アイキャッチや本文中の画像など、Webサイトで表示する画像形式として利用できます。

利用時の注意点

変換後の画像は、保存する前にプレビューで見た目を確認してください。画質設定を下げすぎると、文字や輪郭、細かい模様がにじんだり、粗く見えたりする場合があります。

PNG画像に透過部分が含まれている場合は、変換後も意図した表示になっているか確認してください。

画像の解像度や枚数、使用している端末の性能によっては、変換に時間がかかる場合があります。動作が重い場合は、一度に選択する画像の枚数を減らしてお試しください。

ログイン不要、登録不要、無料で利用できます。

  • URLをコピーしました!
コルニック
この記事を書いた人
コルニック

ミコトホド運営者。PC関連が好きで、気になったパーツや話題を調べるのが好きです。「こんなのがあったら便利」と思ったときは、自分で使うためにツールやアプリを作ることもあります。ゲームも好きで、最近はPCゲームを中心に遊んでいます。



コメント

コメントする

目次