コンテンツへスキップ
norito
画像
画像を圧縮目標のファイルサイズまで削減
プレースホルダージェネレーターカスタムプレースホルダー画像
背景を削除写真から人物を切り抜き
画像のリサイズ幅と高さを正確な数値または割合で変更
画像コンバーターJPG、PNG、WebP を相互に変換
画像をトリミングボックスをドラッグしてトリミング、自由形式または固定比率
メタデータを削除EXIF、GPS、カメラ情報を削除
画像に透かしを追加リアルタイムプレビュー付きでテキスト透かしを追加
開発
テストファイルジェネレーター正確なサイズのダミーファイル
JSONフォーマッタ整形・検証・圧縮
Markdownエディタリアルタイムプレビュー、.md/.htmlで書き出し
UUIDジェネレーターランダムなUUID v4をまとめて生成
Base64 エンコード/デコードテキストとBase64を相互変換、UTF-8対応
ハッシュジェネレーターMD5、SHA-1、SHA-256、SHA-512
タイムスタンプ変換ツールUnix時間と日付を相互変換
JSON Diff2つのJSONドキュメントを比較
JWTデコーダーJWTのヘッダーとペイロードをデコード
正規表現テストツール正規表現をリアルタイムのマッチ表示でテスト
CSVからJSONCSVファイルをJSONに変換
CSVビューアCSVを表として表示・編集
URLエンコード/デコードツールURLをパーセントエンコード/デコード
HTMLエンティティエンコーダー/デコーダーHTMLエンティティをエスケープ/アンエスケープ
YAMLからJSONへの変換ツールYAMLとJSONを相互に変換
Cron式パーサーcronスケジュールを解説し、次回実行をプレビュー
進数変換ツール2進数、8進数、10進数、16進数など
テキスト差分チェッカー2つのテキストを行ごとに比較
テキスト
SEOスラッグジェネレータータイトルからクリーンなURLを生成
文字数指定テキストジェネレーター正確な長さのダミーテキスト
単語数カウンター単語数、文数、段落数をリアルタイム表示
文字数カウンタープラットフォームの制限付き文字数カウント
重複行の削除リストから重複行を削除
行の並べ替えアルファベット順、数値順、またはシャッフル
大文字小文字変換ツールUPPERCASE、camelCase、snake_caseなど
Lorem Ipsumジェネレーター単語・文・段落単位のプレースホルダーテキスト
検索と置換テキストの検索と置換、正規表現対応
ユーティリティ
パスワードジェネレーターランダムなパスワードとフレーズ
QRコードジェネレーターカスタムカラー、誤り訂正レベル
PDF
PDF結合複数のPDFを1つに結合
PDF分割ページを抜き出すか複数ファイルに分割
PDF回転横向きや逆さまのページを修正
PDF→画像ページを画像に変換
画像→PDF画像を1つのPDFに結合
ページ削除・並び替えページを削除または並び替え
ページ番号すべてのページに番号を追加
透かし追加全ページにテキストを刻印
テキスト抽出PDFからテキストを抽出
PDF圧縮PDFのファイルサイズを縮小
PDF署名署名を描くか入力
SEO
メタタグジェネレータータイトル、説明、OG、Twitterタグ
UTMビルダーキャンペーン計測URLを作成
robots.txtジェネレーターallow/disallowルール、sitemap参照
サイトマップジェネレーターURLを入力、sitemap.xmlを出力
Design
CSSグラデーション線形・放射状、CSSをコピー
ボックスシャドウ単一または重ねた影
border-radius角ごとの半径、CSSをコピー
ファビコンジェネレーター必要なすべてのサイズ
カラーパレット抽出画像から主要な色を抽出
コントラストチェッカーWCAGコントラスト比、AA/AAA判定
カラーコンバーターHEX、RGB、HSL、CMYK、リアルタイム
ブログ

norito / ブログ / 画質を落とさずに画像を圧縮する方法

画質を落とさずに画像を圧縮する方法

著者: Shubham Singh · 2026年7月15日

公開日 2026-07-15

ファイルを小さくすることは、必ず何らかのデータを捨てることを意味します。コツは、気づかれないデータを捨てることであり、それは3つの設定に集約されます。品質、解像度、そして形式です。

なぜ「画質」と「ファイルサイズ」はトレードオフなのか

どの写真もピクセルの格子であり、各ピクセルにはその色を表すためのデータが必要です。未加工で圧縮されていない画像は非常に巨大になるため、画像形式はそのデータの一部を捨てたり近似したりする圧縮を利用します。最も一般的な写真形式であるJPEGは非可逆圧縮を使用します。人間の目にはまず気づかれないであろうディテールを意図的に捨てる代わりに、はるかに小さなファイルを得るのです。圧縮を強くかければかけるほど、より多くのディテールが失われ、やがてそれはぼやけやブロック状のアーティファクトとして現れます。特に鋭い輪郭やテキストの周辺で顕著です。

本当に重要な3つの調整項目

圧縮された画像で目に見える画質の低下は、そのほとんどが3つの設定に集約されます。これらを理解することは、ファイルが十分小さくなるまで闇雲に品質スライダーを下げ続けるよりもずっと有用です。

品質のパーセンテージ。 これはJPEGやWebPがピクセルブロックごとにどれだけディテールを捨てるかを直接コントロールします。おおよそ80%を超えると、ほとんどの写真で画質の低下は肉眼ではほぼ見えません。60〜80%の間では、じっくり見るとわずかな柔らかさの変化が見られます。50%を下回ると、特に空、肌のトーン、その他の滑らかなグラデーション部分で、ブロック感や色の帯(バンディング)が目立ち始めます。

解像度。 最終的な用途に対して必要以上に大きい写真(たとえば幅4000ピクセルの写真をウェブページ上で幅800ピクセルとして表示する場合)は、誰の目にも触れることのないディテールにファイルサイズを浪費していることになります。圧縮する前に実際の表示サイズへ縮小しておくことは、ほとんどの場合、サイズの大きすぎる画像をより強く圧縮するよりも優れた結果を生みます。だからこそ、優れた圧縮ツールは圧縮に加えてリサイズも提供するのです。

形式。 PNGは可逆形式で、ベタ塗りの色、スクリーンショット、輪郭のはっきりしたグラフィックに優れていますが、写真には不向きです。同じ見た目の結果を得るのに、JPEGやWebPよりもはるかに大きなファイルになってしまうためです。同等の視覚的品質であれば、WebPは通常JPEGより25〜35%優れており、非常に古いソフトウェアとの最大限の互換性が不要な場合、写真におけるデフォルトの選択肢として最も適しています。

実践的なアプローチ

求人応募のアップロードで200KB制限がある、あるいはメール添付で2MB制限があるといった、具体的なファイルサイズの目標がある場合、最も確実な方法は品質のパーセンテージを推測するのではなく、その正確な目標に向けて圧縮することです。目標サイズを入力するだけで自動的に適切な品質を見つけ(必要であればリサイズも行う)ツールを使えば、試行錯誤を完全になくすことができます。

厳密なサイズ制限がない場合、良いデフォルトの方針は次のとおりです。解像度は画像が実際に表示されるサイズに保ち、送信先がWebPに対応しているならWebPを使い、品質80%から始めて、ファイルがまだ大きすぎる場合にのみそこから下げていきます。

PNGのスクリーンショットやロゴはどうすればいいのか

スクリーンショット、ロゴ、アイコンなど、ベタ塗りの色や透明度、くっきりしたテキストを含むものについては、PNGの可逆圧縮が今も正しい選択です。ただ、写真のようなコンテンツに対しては、JPEGやWebPほど効率的には圧縮できません。PNGのスクリーンショットが大きすぎる場合、最も効果的な対処法は、多くの場合、画像の不要な部分をトリミングするか、カラーパレットを減らすことです。テキストやUI要素のくっきりした輪郭を目に見えて劣化させてしまう非可逆形式に無理やり押し込もうとするよりも、そちらの方が有効です。

自分で試してみる: 画像を圧縮。品質のパーセンテージを推測させるのではなく、正確なファイルサイズを自動的に狙います。
norito

それぞれが1つの面倒な問題を解決する小さなツール群。すべてブラウザ内で動作し、何もアップロードされません。

プロダクト

すべてのツール 変更履歴 仕組み ブログ 比較 norito について お問い合わせ プライバシーポリシー 利用規約

PDF

PDF結合 PDF分割 PDF回転 PDF→画像 画像→PDF ページ削除・並び替え ページ番号 透かし追加 テキスト抽出 PDF圧縮 PDF署名 PDF比較

画像

画像を圧縮 画像のリサイズ 画像コンバーター 画像をトリミング メタデータを削除 画像に透かしを追加 プレースホルダージェネレーター 背景を削除 AVIFコンバーター HEICコンバーター 画像サイズ検査 スクリーンショット注釈 SNS画像クロップ

開発

テストファイルジェネレーター JSONフォーマッタ Markdownエディタ UUIDジェネレーター Base64 ハッシュジェネレーター Timestamp JSON Diff JWTデコーダー 正規表現テストツール CSVからJSON CSVビューア URL Encoder HTML Entities YAML to JSON Cron Parser Base Converter テキスト差分チェッカー CSS詳細度計算 CSS変数抽出 .gitignoreジェネレーター JSON Schema SVGオプティマイザー SVGスプライト SVG→React変換 URLパーサー User-Agentパーサー

テキスト

SEOスラッグジェネレーター 文字数指定テキストジェネレーター 単語数カウンター 文字数カウンター Dedupe Lines 行の並べ替え 大文字小文字変換ツール Lorem Ipsum Find & Replace 不可視文字検出 MDテーブル整形 MDテーブル生成

ユーティリティ

パスワードジェネレーター QRコードジェネレーター

SEO

メタタグジェネレーター UTMビルダー robots.txtジェネレーター サイトマップジェネレーター 正規化タグ hreflangタグ

Design

CSSグラデーション ボックスシャドウ border-radius ファビコンジェネレーター カラーパレット抽出 コントラストチェッカー カラーコンバーター SVGブロブ生成 CSS Clamp() CSSイージング CSSフィルター ノイズテクスチャ CSSパターン Tailwindシャドウ
© 2026 norito. すべてのツールはブラウザ内でローカルに動作します。 変更履歴 ブログ 比較 仕組み プライバシーポリシー 利用規約 コーヒーをおごる
Esc