画像・SVG・アセットツール

無料 画像圧縮・変換ツール

Canvas APIを使用して画像をローカルで圧縮および変換します。JPEG/PNG/WebP出力。サーバーへのアップロードはありません。

ツールを読み込み中...

画像圧縮・変換ツールとは

Canvas APIを使用して画像を圧縮、サイズ変更、変換するブラウザベースの画像処理ツールです。3つの出力形式(JPEG、PNG、WebP)をサポートしています。

クイックアンサー

Canvas APIを使用して画像をローカルで圧縮、サイズ変更、変換します。JPEG、PNG、またはWebP出力を選択し、品質を調整できます。すべての処理はブラウザ内で行われます。

Last updated: 2026-06-09

制限事項

  • Canvas APIはアニメーション画像をサポートしていません。最初のフレームのみが処理されます。
  • CMYKやその他の非RGBカラープロファイルはサポートされていません。
  • ファイルサイズの見積もりは概算です。

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

使い方

  1. ファイル選択ツールを使用してデバイスから画像ファイルを選択します。
  2. 出力形式を選択します。JPEG、PNG、またはWebP。
  3. 品質スライダー(1〜100)を調整し、オプションでターゲットの幅または高さを設定します。
  4. 処理された画像をダウンロードします。サイズ比較が表示されます。

主な用途

  • Web用に写真ファイルをWebPまたはJPEG(80%品質)に変換して削減します。
  • PNGスクリーンショットをJPEGに変換します。
  • 商品画像を統一された幅にサイズ変更します。

用途

使用例

Webサイトパフォーマンス最適化

Web開発者が2MBのJPEG写真を80%品質のWebPに変換します。

メール添付ファイルサイズ削減

15MBのPNGスクリーンショットを60%品質のJPEGに変換します。

よくあるミス

  • テキストやシャープなエッジのある画像にJPEGを使用する。
  • 最初の試行で品質を低く設定しすぎる。80%から始めてください。
  • 画像を元のサイズよりも大きくリサイズする。

検証

  1. JPEG写真を80%品質のWebPに変換し、ファイルサイズを確認します。
  2. 透明度のあるPNGを処理し、透明度が保持されていることを確認します。

FAQ

画像圧縮・変換ツールのFAQ

画像はサーバーにアップロードされますか?

いいえ。すべての画像処理はブラウザ内で行われます。画像がコンピュータの外部に出ることはありません。

処理できる最大ファイルサイズは?

明示的な制限はありませんが、5000ピクセルを超える画像はパフォーマンスの問題を引き起こす可能性があります。

Web使用にはどの形式を選ぶべきですか?

WebPは一般的に最良の圧縮対品質比を提供します。

このツールはEXIFデータを保持しますか?

いいえ。Canvas APIは処理中にEXIFメタデータを削除します。

関連ツール

その他の画像・svg・アセットツール

こちらもお試しください

こちらもお試しください

CSS・デザインツール

CSSカルーセルジェネレーター

scroll-snap、スクロールボタン、スクロールマーカー、アクセシブルなリスト構造を備えたネイティブCSSカルーセルを生成します。JavaScriptは不要です。

ツールを開く