画像形式変換ツール(PNG/JPG/WebP変換)

画像をPNG・JPG・WebP形式に相互変換できる無料ツール。画質(クオリティ)の調整も可能で、変換処理はすべてブラウザ内で完結しサーバーには送信されない。

対応形式の比較

形式 圧縮方式 透過(アルファチャンネル) 出力対応
PNG 可逆圧縮(ロスレス) 対応 対応
JPG(JPEG) 非可逆圧縮(ロッシー) 非対応 対応
WebP 可逆・非可逆の両対応 対応 対応
GIF 可逆圧縮(パレット方式) 対応(2値のみ) 非対応(入力のみ。先頭フレームを他形式に変換可能)

画像形式変換とは

画像形式変換ツールは、PNG・JPG・WebPといった画像フォーマットを、ブラウザ内の処理だけで相互に変換できるツールです。写真をブログに載せる前にファイルサイズを軽くしたい、透過PNGが必要な場面でJPGしか手元にない、といった日常的な悩みを、画像をサーバーへアップロードすることなくその場で解決できます。ブラウザの Canvas API を利用しているため、対応ブラウザであれば追加のソフトを入れる必要はありません。

変換先の形式によって画質・ファイルサイズ・透過の可否が変わるため、目的に合わせた選択が重要です。写真は圧縮率を優先してJPGやWebPへ、ロゴやアイコンなど透過を保ちたい画像はPNGやWebPへ変換するのが基本的な使い分けです。画質(クオリティ)スライダーで圧縮の強さを調整できるため、見た目とファイルサイズのバランスを見ながら最適な設定を探せます。

画像形式変換の使い方

  1. 画像を選択する ドロップゾーンに画像をドラッグ&ドロップするか、クリックしてファイルを選びます。
  2. 変換先の形式を選ぶ PNG・JPG・WebPの中から、用途に合った出力形式を選択します。
  3. 画質を調整する(JPG・WebPのみ) スライダーで画質とファイルサイズのバランスを確認しながら調整します。
  4. 変換してダウンロードする ボタンを押すと変換が実行され、結果のファイルが自動的にダウンロードされます。

使いこなすためのヒント

  • JPGやWebPの画質スライダーは数値を下げるほどファイルサイズが小さくなりますが画質も粗くなります。写真は80前後、イラストは90以上を目安にしてください。
  • 透過PNGをJPGに変換すると、JPGはアルファチャンネルに非対応のため透明部分が白色などの背景色で塗りつぶされます。透過を保ちたい場合はPNGかWebPを選んでください。
  • WebPは同程度の画質でもPNGやJPGよりファイルサイズを抑えられることが多く、Webページの表示速度改善に向いています。
  • GIF画像をアップロードした場合、変換されるのはアニメーションの先頭フレームのみです。動きのあるGIFをそのまま別形式で保存することはできません。
  • 変換後のファイルは自動的にダウンロードフォルダへ保存されます。形式や画質を変えて何度でも再変換できます。

画像形式変換の活用シーン

ブログ・ECサイトの表示速度改善

掲載する写真をWebPに変換してファイルサイズを抑え、ページの表示速度を改善したいときに使います。

ロゴ・アイコンの透過を保ったまま形式変換

JPGでは失われる透過部分を、PNGやWebPへの変換で保持したい場合に役立ちます。

メール添付・アップロード制限への対応

アップロード先がJPGしか受け付けない、ファイルサイズに上限があるといった制約に合わせて形式を変えたいときに使えます。

古い画像フォーマットの整理

手持ちのGIF画像を、現在主流のPNGやWebPへまとめて変換し直したい場合に活用できます。

画像形式の用語集

可逆圧縮(ロスレス)
圧縮しても元のデータを完全に復元できる圧縮方式。PNGが採用しており、画質の劣化がありません。
非可逆圧縮(ロッシー)
一部の情報を間引いて圧縮する方式。JPGが採用しており、圧縮率を高めるほど画質が粗くなります。
アルファチャンネル(透過)
画像の各ピクセルに不透明度の情報を持たせる仕組み。PNG・WebPが対応し、背景を透明にできます。
Canvas API
ブラウザ上で画像の描画・加工ができるJavaScriptの機能。本ツールの変換処理はこのAPIを利用しています。
WebP
Googleが開発した画像形式。可逆・非可逆の両方に対応し、同程度の画質でもPNG・JPGよりファイルサイズを抑えられます。

よくある質問

いいえ、出力形式には対応していません。ブラウザのCanvas API(`canvas.toBlob()`)はPNG・JPEG・WebPへのエンコードにしか対応しておらず、アニメーションGIFを生成する機能を持たないためです。GIFファイルは入力として読み込めますが、変換されるのは先頭フレームのみで、出力先はPNG・JPG・WebPのいずれかになります。

写真のような自然な画像は70〜85程度でも見た目の劣化が少なく、ファイルサイズを大きく削減できます。イラストやスクリーンショットなど輪郭がはっきりした画像は、90以上に設定しないと文字や線がにじんで見えることがあります。

いいえ、保存されません。このツールの変換処理はすべてお使いのブラウザ内(クライアントサイド)で完結しており、画像データが外部のサーバーへ送信されることは一切ありません。

透過が必要なロゴやアイコンにはPNGかWebP、写真のような色数の多い画像で軽さを優先する場合はJPGかWebPが適しています。迷ったらWebPを選ぶと、多くの場面で最もバランスの良い結果が得られます。
ツールくん

余談ですが ― WebPはなぜ生まれたのか

WebPは2010年にGoogleが発表した画像形式で、同社が開発した動画コーデック「VP8」のキーフレーム圧縮技術を静止画に応用したものです。当時主流だったJPEGは1992年に標準化された古い規格であり、動画コーデックの進歩によって培われた新しい圧縮アルゴリズムを使えば、同程度の画質でもファイルサイズをさらに削減できるはずだという狙いから開発が始まりました。

登場当初は対応ブラウザが限られていたためあまり普及が進みませんでしたが、2020年前後にSafariやEdgeなど主要ブラウザが軒並み対応したことで状況が一変し、現在ではほぼすべてのモダンブラウザでWebP画像を表示できるようになりました。Googleの検索エンジンはページ表示速度を評価指標の一つとしているため、WebPへの移行はSEOの観点からも意味を持つようになっています。

一方でPNGは1996年にGIFの特許問題(Unisysが保有するLZW圧縮の特許使用料をめぐる騒動)をきっかけに、ロイヤリティフリーの代替形式として開発された経緯があります。可逆圧縮でありながらGIFよりも高い圧縮率と、256色に制限されないフルカラー表現・8ビットアルファチャンネルによる滑らかな半透明表現を実現し、以来ロゴやアイコン、スクリーンショットの保存形式として広く使われ続けています。