画像をPNG、JPG、WebPに変換 — 非公開・ブラウザ内で

画像をある形式から別の形式へ切り替えるのはたいてい、ウェブサイトに写真を預けることを意味します。このコンバーターはそうではありません。画像はCanvas APIを使ってすべてブラウザ内でデコード・再エンコードされるため、お使いのデバイスから外に出ることはありません。

一般的なラスター画像をドロップし、PNG、JPEG、WebPを選んで、ワンクリックで変換したファイルをダウンロードできます。JPEGでは品質とファイルサイズのバランスを取ることができ、JPEGを選んだ場合、透明な画像はきれいな白い背景の上に配置されます。

仕組み

画像を追加すると、ブラウザはまずそれを生のピクセルにデコードし、画面外のHTMLキャンバス要素に描画します。そこからキャンバスの「toBlob」メソッドが、選んだ形式にそれらのピクセルを再エンコードし、そのblobがそのままダウンロードに渡されます。すべての工程がお使いのマシン上でJavaScriptで実行されるため、何もサーバーに送信されることがありません。

画像はデコード中に完全にラスタライズされるため、コンバーターは入力に対して形式を問いません。PNG、JPEG、WebP、GIF、BMPなど、ブラウザが表示できるものはすべて、再エクスポートできる通常のキャンバスになります。その代償として、出力は常に単一の静止フレームになるため、アニメーションGIFは最初のフレームの静止画像に変換されます。

使いどころ

無損失の品質や透明が必要なとき、たとえばロゴ、鮮明な文字のあるスクリーンショット、後でまた編集するグラフィックなどにはPNGを使ってください。PNGはすべてのピクセルを正確に保ちますが、写真ではファイルが大きくなりがちです。

完璧な忠実さよりも小さいファイルが重要な写真や複雑な画像、たとえばメールの添付や素早く読み込む必要のあるページにはJPEGを選びましょう。WebPはその中間です。透明と強力な非可逆圧縮の両方をサポートするため、アルファチャンネルを諦めずに小さいファイルが欲しい最新のウェブサイトに適しています。よくある作業の流れは、デザインツールから出力された重いPNGを、公開前にサイズを削るためWebPやJPEGとして保存し直すことです。

ヒント

透明なPNGをJPEGに変換する場合、JPEGにはアルファチャンネルがないため、透明な部分は単色の白い背景に統合されることを覚えておいてください。透明を保持する必要があるときは、代わりにWebPに変換しましょう。

JPEGの品質スライダーでは、少しずつ下げてファイルサイズを見守ってください。大きく下げても最初は目に見えないことが多い一方、最高品質に向かう最後の数段階は、見た目の向上がわずかなのに多くのバイトを加えます。非可逆画像を繰り返し再エンコードすると圧縮ノイズが積み重なるため、可能なときはすでに圧縮済みのJPEGからではなく、オリジナルや無損失のソースから変換してください。そしてすべてがローカルで行われるため、ページが一度読み込まれればオフラインでも、機密や私的な画像を安心して変換できます。

画像変換 の使い方

1. 上のボックスに画像をドロップするか、クリックして選択し、追加します。
2. 希望する出力形式を選びます: PNG、JPEG、WebP。
3. JPEGの場合は、品質スライダーをドラッグしてサイズと細部のバランスを取ります。
4. 「画像を変換」をクリックしてブラウザ内でローカルに処理します。
5. 変換したファイルをダウンロードします。何もアップロードされていません。

よくある質問

関連ツール