画像圧縮
ブラウザで写真やスクリーンショットを圧縮し JPEG、PNG、WebP をダウンロード - アカウント・アップロード不要。画質 (JPEG/WebP)、長辺上限を設定し、保存前に元サイズと比較。Canvas エンコードは端末内のため、商品写真や請求書は端末外に出ません。埋め込みなら Image to Base64 Converter、印刷サイズなら…
画像圧縮について
ブラウザで写真やスクリーンショットを圧縮し JPEG、PNG、WebP をダウンロード - アカウント・アップロード不要。画質 (JPEG/WebP)、長辺上限を設定し、保存前に元サイズと比較。Canvas エンコードは端末内のため、商品写真や請求書は端末外に出ません。埋め込みなら Image to Base64 Converter、印刷サイズなら Pixels to Inches Converter と組み合わせ。
画像圧縮の使い方
- JPG、PNG、WebP、GIF、BMP (最大 8 MB) をドロップまたはスクリーンショット貼り付け。ローカル読み込み - アップロードなし。
- 写真は JPEG、小さめモダン形式は WebP、ロスレスが必要なら PNG。
- JPEG/WebP は画質 10-100。PNG はロスレスのため画質スライダー無効。低画質ほど一般にファイル小。
- 最大寸法 (px) で長辺をスケール (0 は元の幅高さ維持)。デフォルト 1920。
- 前後サイズとプレビューを比較し圧縮ファイルをダウンロード。DevTools Network でリクエストなしを確認。
画像圧縮の例
LP ヒーロー写真
4000 px JPEG をドロップ、出力 JPEG、画質 75、最大寸法 1920。1080p ヒーローでもシャープな大幅小型ファイルが典型。
UI 付きスクリーンショット
PNG スクショを貼り、出力 WebP、画質 80、最大寸法 1600。平坦領域が大きいスクショは WebP が PNG より小さくなることが多い。
ロスレス必須アイコン
小 PNG アイコンをアップロード、PNG 維持、最大寸法 0。画質無視。エッジを失わず再エンコードのみのとき。
透過を白で潰す JPEG 出力
透過 PNG を JPEG 出力すると空ピクセルが白になり、メールクライアントのチェッカーボードを防ぎます。
その後 Base64 埋め込み
先に圧縮してダウンロードし Image to Base64 Converter を開く。バイナリが小さいほど CSS/メールの data URL も小さく。
一般的な使用例
- CMS アップロード前にヒーロー・ブログ画像を縮小
- 静的サイト向け WebP アセット準備
- SNS と Open Graph 画像の長辺上限
- メール添付向け JPEG サイズ削減
- オンライン最適化に送れないときのローカル圧縮
画像圧縮に関するよくある質問
- アップロードせず画像を圧縮するには？
- ファイルをドロップまたは貼り、JPEG/PNG/WebP を選び画質と最大寸法を設定してダウンロード。Canvas API でブラウザ内エンコード - アップロード先なし。
- どの形式を選ぶ？
- 写真は JPEG。ブラウザが encode できるなら同画質で WebP が通常より小さい。PNG はロスレスで Canvas 往復後に大きくなることも - アイコン、文字入りスクショ、透過背景向け。
- PNG が大きくなった理由は？
- Canvas PNG 再エンコードは元エンコーダ設定を保持しません。写真 PNG は JPEG/WebP の方が小さくなることが多い。統計が増加なら形式変更または画質低下。
- PNG で画質スライダーは効く？
- いいえ。Canvas PNG はロスレスでスライダー無効。画質とサイズのトレードオフなら JPEG または WebP。
- 最大寸法の作用は？
- 長辺 px を上限しアスペクト比維持。1920 は一般的 Web 幅。0 なら元寸法のまま形式または JPEG/WebP 画質のみ変更。
- 写真はサーバーにアップロードされる？
- いいえ。FileReader と Canvas はこのタブ内のみ。請求書、ID、未公開商品写真に安全。圧縮中 DevTools Network で確認。
関連ツール
画像リサイザー
ブラウザで無料画像リサイザー。正確なピクセルまたはソーシャルプリセット、フィットモードを選び、JPG、PNG、WebPをダウンロード。何もアップロードされません。
画像 Base64 変換
ブラウザで画像を Base64 または data URL に変換 - 画像はブラウザ外に出ません。スクリーンショット貼り付け、CSS/HTML/Markdown スニペット、Base64 からファイル復元。
ピクセルとインチ変換
任意 DPI でピクセルとインチを相互変換。Web（96 DPI）と印刷（300 DPI）向け無料 px インチ計算。
HEX と RGB 変換
HEX と RGB（双方向）、HSL、CMYK、ティント・シェード、WCAG コントラスト、CSS トークンスニペット - 無料オンラインカラー変換。