画像コンバーター：PNG・JPEG・WebP変換

PNG・JPEG・WebP間で画像を変換し、品質スライダーで調整。画像コンバーターはすべてブラウザ内で動くため、写真が端末から出ることはありません。

画像はcanvas APIを使ってブラウザ内でローカルにデコード・変換されるため、ファイルは端末上にとどまり、何もアップロードされません。

開発・運営：Udit Agarwal

PNG vs JPG vs WebP, Explained

フォーマットを変えずにファイルを小さくしたいですか？ Image Optimizerをお試しください。

画像フォーマット変換 について

この画像コンバーターは、ブラウザ内で画像をPNG・JPEG・WebP間で変換します。PNG・JPG・WebP・GIF・BMPのファイルをドロップし、変換先フォーマットを選んで、ワンクリックで結果をダウンロードできます。品質スライダーでJPEGやWebPなどの非可逆フォーマットのファイルサイズと忠実度のバランスを取れ、サイズのライブ表示で出力がどれだけ小さくなったか分かります。PNGからWebPへの変換でアセットを小さくする開発者、クライアント向けにJPGコピーを書き出すデザイナー、ソフトをインストールせず手軽なWebPコンバーターが欲しい人に便利です。変換はブラウザのcanvasを使ってローカルで行われるため、画像は端末上で処理され、サーバーへ何もアップロードされません。

機能

• 1つのピッカーから画像をPNG・JPEG・WebPへ変換
• PNG・JPG・WebP・GIF・BMPの元ファイルに対応
• JPEGとWebP出力向けに10％〜100％の品質スライダー
• 元画像に対する削減率を示すライブサイズ比較
• ダウンロード前に変換後画像を即座にプレビュー
• JPEG書き出し時に透過を白背景へフラット化
• ドラッグ＆ドロップまたはクリックでファイル読み込み
• 選んだフォーマットに合った正しい拡張子でダウンロード

画像フォーマット変換 の使い方

1. ドロップゾーンをクリックするか、画像（PNG・JPG・WebP・GIF・BMP）をドラッグします。
2. 「変換先」でPNG・JPEG・WebPを選びます。
3. JPEGかWebPの場合は、品質スライダーでサイズと精細さのバランスを取ります。
4. プレビューとサイズ比較パネルを確認します。
5. 「ダウンロード」をクリックして変換後の画像を端末に保存します。

例

入力

logo.png  (PNG, 142 KB, transparent background)

出力

logo.webp  (WebP at 90% quality, 38 KB, 73% smaller)

PNGを品質90％でWebPに変換すると、精細さを保ちつつファイルサイズが大幅に縮むのが一般的です。

よくあるエラーとトラブルシューティング

• JPEGに変換すると透過が消えて白くなる。 — JPEGにはアルファチャンネルがないため、透過部分は白背景にフラット化されます。透過を保ちたい場合はPNGかWebPを選んでください。
• WebPまたはJPEGの出力がブロックノイズやぼやけたように見える。 — 品質スライダーを100％に近づけてください。品質を下げるほど強く圧縮され、目に見えるノイズが増えます。
• ファイル読み込み後に「Could not decode that image」と表示される。 — ファイルが破損しているか、ブラウザがデコードできない形式かもしれません。書き出し直すか、標準的なPNG・JPG・WebPの元ファイルを試してください。
• PNGへの変換で期待ほどファイルが小さくならなかった。 — PNGは可逆圧縮で品質スライダーがないため、写真は大きいままになりがちです。写真の出力を小さくするにはJPEGかWebPを使ってください。

よくある質問

ArrayKitの画像コンバーターとは何ですか？

画像をPNG・JPEG・WebP間で再エンコードするブラウザベースのツールです。PNG・JPG・WebP・GIF・BMPを読み込み、出力フォーマットを選び、任意で品質を設定して、変換後の画像をダウンロードできます。

PNGをWebPに変換するには？

PNGを画像コンバーターにドロップし、「変換先」でWebPを選び、品質レベルを設定して「ダウンロード」をクリックすると、WebP版を保存できます。

JPEGへの変換で透過背景は保たれますか？

いいえ。JPEGは透過に対応しないため、透過ピクセルは白で埋められます。アルファチャンネルを保つにはPNGかWebPを選んでください。

品質スライダーは何をしますか？

JPEGとWebPでは10％〜100％で圧縮を制御し、ファイルサイズと画像の精細さを引き換えにできます。PNGは可逆圧縮でスライダーを無視します。

なぜ変換後の画像が元より小さくならないのですか？

出力サイズは選んだフォーマットと品質によります。JPEGの写真をPNGに変換すると大きくなることがあり、WebPや低めのJPEG品質なら通常は小さくなります。ライブサイズ比較で結果を見比べてください。

画像コンバーターを使うと画像はどこかにアップロードされますか？

いいえ。コンバーターはブラウザのcanvasを使って画像をローカルで処理するため、ファイルは端末上にとどまり、サーバーへ何もアップロードされません。

関連ツール

• 画像オプティマイザー — 画像を再エンコードして軽量化（JPEG/WebP/PNG）、任意でリサイズします。
• SVG オプティマイザー — SVGを圧縮: コメント、メタデータ、エディタの残骸を削除し、空白をまとめます。
• EXIF ビューア / 除去ツール — 写真のEXIFメタデータ（GPSを含む）を表示・削除します。何もアップロードされません。
• 画像から PDF — 複数の画像を1つのPDFに結合します（自動 / 縦 / 横）。
• PDF から画像 — PDFのページをダウンロード可能なPNGまたはJPG画像に変換します。
• Base64 エンコード / デコード — UTF-8に対応した安全なBase64のエンコードとデコード。
• QR コードジェネレーター — テキストやURLからQRコードを生成し、PNGまたはSVGでダウンロードします。

画像の他のツール

• EXIF ビューア / 除去ツール — 写真のEXIFメタデータ（GPSを含む）を表示・削除します。何もアップロードされません。
• Base64 画像エンコーダー / デコーダー — 画像を HTML・CSS スニペット付きの Base64 Data URI に変換し、Data URI をダウンロード可能な画像にデコードします。
• アプリアイコンジェネレーター — 1枚の画像を iOS・macOS・Android の全アプリアイコンサイズに変換 — ブラウザ内で生成し ZIP でダウンロード。
• sprite sheet CSS アニメーション — sprite sheet を steps() の CSS アニメーションに変換。ライブプレビュー付き。
• SVG から PNG への変換 — SVG マークアップや .svg ファイルを、任意のスケールで鮮明な PNG や JPG に変換できます。
• 画像カラーピッカー — 画像をホバー・クリックして、任意のピクセルの HEX・RGB・HSL を取得できます。
• カラーフォーマットコンバーター — カラーを HEX・RGB・HSL・OKLCH など全形式に一度に変換します。
• バーコードジェネレーター — EAN・UPC・Code 128 バーコードを生成し SVG や PNG で保存します。
• カラーパレット抽出 — 画像から支配色とパレットを HEX・RGB・HSL で抽出
• 画像の反転・回転 — ブラウザで画像を回転・反転
• 画像トリミング — 自由範囲か固定比率で切り抜き、フル解像度で保存。
• 画像に透かし — テキストかロゴを固定またはタイルで、不透明度と回転つき。

画像のツールをすべて見る (40) · すべてのツール