メインコンテンツへ移動
ToolShed
検索
⌘
K
人気
新着ツール
?
読み込み中...
🏠
探す
☰
カテゴリ
🔥
人気
?
について
ホーム
/
画像・軽量ファイル
/
画像圧縮ガイド
▨
画像圧縮ガイド
image/image-compression-guide
画像形式ごとの圧縮方式(可逆/非可逆)の特性を解説する。
最終更新日
2026-07-03
・ by
yuzlrin
このツールでできること
画像圧縮ガイドでは、画像形式ごとの圧縮方式(可逆/非可逆)の特性を解説する。
関連する観点として 画像圧縮、compression、画像圧縮ガイド を確認し、結果をコピーして別の作業に使えます。
項目
内容
JPEG
非可逆 / 写真向き
PNG
可逆 / 透明度対応
GIF
可逆 / アニメ対応
WebP
両対応 / 高効率
AVIF
両対応 / 最高効率
TIFF
主に可逆 / 高品質
使い方
Item 列で JPEG、PNG、GIF、WebP、AVIF、TIFF の形式名を確認します。
Content 列で、非可逆、可逆、両対応のどれに該当するかを見ます。
写真なら JPEG、透明度が必要なら PNG、次世代配信なら WebP/AVIF の行を比較します。
保存用や印刷向けの話題では TIFF の行を参照し、Web配信用とは分けて考えます。
入力例・出力例
INPUT
JPEG
OUTPUT
非可逆 / 写真向き
写真向け圧縮として表に掲載されています。
INPUT
PNG
OUTPUT
可逆 / 透明度対応
透過が必要な画像の行です。
INPUT
AVIF
OUTPUT
両対応 / 最高効率
固定表では最も高効率な候補として扱われます。
よくある利用シーン
Web画像を圧縮する前に、形式ごとの可逆/非可逆の違いを確認したいとき。
写真、ロゴ、アニメーション、印刷用データで候補形式を分けたいとき。
画像最適化の説明で、WebPとAVIFがロスレス/ロッシー両方を持つ点を示したいとき。
圧縮率だけでなく透明度や保存用途も含めて形式を選びたいとき。
結果確認のポイント
出力サイズ、縦横比、ファイル形式、画質が用途に合っているか確認してください。
画像圧縮、compression、画像圧縮ガイドの観点で、入力内容と出力内容がずれていないか見直してください。
コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。
注意点
重要な元画像は別に保存し、必要に応じて元データと比較してください。
結果を公開・送信する前に、用途に合う形式かを必ず確認してください。
データの扱い / プライバシー
画像圧縮ガイドの主要な処理はブラウザ内で実行されます。
入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。
FAQ
よくある
質問
可逆圧縮と非可逆圧縮の違いは何ですか?
可逆(ロスレス)圧縮はデータを完全に元通り復元できる方式で、PNGやWebP-losslessが該当します。非可逆(ロッシー)圧縮は一部の情報を間引いてファイルサイズを大幅に小さくしますが、元のピクセルデータには戻せません。JPEGやAVIFのデフォルト設定はロッシーです。
JPEGとPNGはどう使い分ければよいですか?
JPEGは写真のような色数が多くグラデーションが豊富な画像に向いています。PNGは透過(アルファチャンネル)が必要な画像、テキストやロゴなどエッジのシャープさが重要な場面に向いています。両方の特性が必要な場合はWebPやAVIFも選択肢です。
画像を圧縮し直すと画質がさらに劣化しますか?
JPEGなど非可逆形式を圧縮済みのファイルから再エンコードすると、世代ごとに画質が低下する「世代劣化」が起きます。元のRAWや非圧縮ファイルを保持しておき、配信用に毎回そこから圧縮するワークフローを推奨します。
関連ツール
画像圧縮
画像をブラウザ上で圧縮・軽量化。JPEG/WebP出力、品質スライダーで調整。サーバーにアップロード不要で安全。
alt属性チェックリスト
装飾画像、情報画像、リンク画像、キャプション重複、125文字目安など alt 属性の判断項目を表で確認できます。
バナーサイズ一覧
Leaderboard、Medium Rectangle、Mobile Banner など代表的な広告バナー寸法を一覧表示します。
ダミー画像生成
指定サイズのダミー画像(プレースホルダー)をCanvas APIで生成。色・テキスト・フォーマット指定可能。Webデザインに。
favicon生成
1〜2文字またはアップロード画像から 16/32/48/180/192/512px の PNG favicon を canvas で生成します。
ファビコンサイズ一覧
16×16 から 512×512 までの favicon 用途、HTML link タグ、manifest icons の雛形を確認できます。
<figure>タグ生成
入力した画像 URL を src に入れ、loading と decoding を付けた figure/figcaption の雛形を生成します。
アイコンサイズ一覧
favicon、Apple Touch、Android Chrome、Windows Tile、iOS/Android アプリの代表アイコンサイズを用途別に確認できます。