写真を保存するとき、JPEG・PNG・WebPのどれを選べばよいか迷うことはありませんか。マニュアル用の画像を変換したら文字がにじんだり、ロゴの透明だった背景に色が付いたりすることもあります。
画像形式には、それぞれ得意な用途があります。写真なのか、文字が中心なのか、透明な背景が必要なのか。そして、どのソフトやサイトで使うのか。この順に確認すると、形式を選びやすくなります。
この記事では、事務作業でよく使うJPEG・PNG・WebPの違いと、場面別の選び方、形式を変換するときの注意点を紹介します。
迷ったら確認したい、画像形式の使い分け早見表
まずは、用途に合う候補を見てみましょう。
| 使いたい画像・用途 | 候補になる形式 | 選ぶときのポイント |
|---|---|---|
| 写真をメールや資料で使う | JPEG | 画質と容量のバランスを調整しやすい |
| 文字の多いスクリーンショット | PNG | 文字や線の輪郭を保ちやすい |
| 背景が透明なロゴ・図 | PNG | 元画像の透明部分を保持できる |
| Webサイトに掲載する画像 | WebP | 対応環境で、画質と容量を比較して選ぶ |
| 提出先から形式を指定されている | 指定された形式 | 一般的な使い分けより提出条件を優先する |
これは選択の目安です。写真でも透明部分が必要ならJPEGは適しませんし、Web掲載でも指定された形式があれば、その条件を優先します。容量も画像の内容や設定によって変わるため、最後は変換結果で確認しましょう。
JPEG・PNG・WebPの違いを知ろう
JPEG：写真に向いていて、容量を調整しやすい
JPEGは、風景や人物、商品写真など、色や明るさがなめらかに変わる画像で使いやすい形式です。「.jpg」と「.jpeg」は、どちらもJPEG形式の拡張子です。
一般的なJPEGでは、画像の情報の一部を省いて容量を減らします。圧縮を強めるほど容量を抑えやすくなる一方、細部がつぶれたり、輪郭の周りにノイズが出たりする場合があります。
写真の全体像を伝える用途では気にならなくても、小さな文字や細い線では変化が目立つことがあります。また、JPEGは透明な背景を保持できません。
写真を扱うときはJPEGを候補にし、文字の読みやすさや透明部分が必要な場合は、ほかの形式も検討すると選びやすくなります。
PNG：文字や線、透明な背景を保ちたいときに使う
PNGは、圧縮によって画像データを失わない方式を使う形式です。文字の多いスクリーンショットや図、透明な背景を持つロゴなどの候補になります。
ただし、写真をPNGで保存すると、JPEGなどより容量が大きくなる場合があります。「PNGならいつでも最適」というわけではありません。
また、PNGへ変換する前に失われた情報は戻りません。すでに文字がにじんでいるJPEGをPNGにしても、元の鮮明な文字が復元されるわけではない点に注意してください。
JPEGやPNGの特徴、文字を含む画像の扱いについては、MDNの画像形式ガイドでも説明されています。
WebP：Web掲載で画質と容量を比較したいときの候補
WebPは、Web向けに開発された画像形式です。情報の一部を省く圧縮と、情報を失わない圧縮の両方に対応し、透明な背景も扱えます。GoogleのWebP公式説明で、こうした特徴が紹介されています。
写真やバナーなどの容量を抑えられる場合がありますが、どの画像でも必ず最小になるとは限りません。保存設定や画像の内容によって結果が変わるため、見え方と容量を比較して選びます。
利用先の対応状況も確認しましょう。ブラウザで表示できても、業務ソフトや提出フォームで同じように使えるとは限りません。
事務作業の場面別に、画像形式を選んでみよう
メールで現場写真や商品写真を送りたい
相手から形式の指定がなければ、JPEGを候補にします。全体の様子が分かればよい写真なのか、傷や品番などの細部を確認してもらう写真なのかで、必要な画質は変わります。
容量が大きい場合は、形式だけでなく、画像の縦横の大きさや圧縮の強さも確認してください。小さくしすぎると、相手が見たい部分まで読めなくなることがあります。
容量を調整したいときは、事務人の画像軽量化ツールで、画像の大きさや軽量化方法を指定できます。処理後はファイルサイズと、必要な細部の見え方を確認しましょう。
操作マニュアルにスクリーンショットを載せたい
画面のボタン名や小さな文字が中心なら、PNGを候補にします。文字や線の輪郭を保ちながら保存したい場面に向いています。
確認するときは、元画像だけでなく、実際にマニュアルへ貼り付けた大きさでも見てください。画像が鮮明でも、資料上で小さく表示しすぎれば読みにくくなります。
必要な部分を見せるために、画面全体と操作箇所の拡大画像を分ける方法もあります。形式を変えるだけで解決しない場合は、掲載する範囲や大きさも見直しましょう。
ロゴを、資料の色付き背景に重ねたい
ロゴの周りに白い四角を出したくない場合は、背景が透明な元画像を用意し、PNGなど透明部分を保持できる形式を選びます。
ここで注意したいのが、PNGに変換するだけでは、背景は透明にならないという点です。白い背景が付いたJPEGをPNGに変換しても、通常は白い背景もそのまま残ります。
背景を透明にする作業と、画像形式を変える作業は別です。すでに透明なロゴのデータがある場合は、それを使い、資料に貼り付けた状態で周囲の見え方を確認しましょう。
Webサイトへ写真やバナーを掲載したい
掲載先が対応しているなら、WebPを候補にします。写真の細部やバナー内の文字が保たれているか、容量がどの程度変わるかを確認してください。
透明部分が必要な場合は、その部分も見ておきます。WebP自体が透明に対応していても、元画像や変換設定によって仕上がりは変わります。
使用するサイト管理システムでアップロードできるか、実際のページで正しく表示されるかまで確かめましょう。
申請フォームや取引先から形式を指定されている
「JPEGのみ」「PNG対応」などの指定がある場合は、その条件を優先します。容量の上限や縦横サイズも一緒に指定されていないか確認してください。
ファイル名の「.webp」を「.jpg」に書き換えても、中身の形式は変わりません。提出形式を変える必要がある場合は、画像を変換して保存します。
画像形式を変換するときの手順
ここでは、事務人の画像形式変換ツールを使う流れを紹介します。複数の画像を、選んだ1種類の保存形式へまとめて変換できます。
手順1．元画像を残し、変換する画像を選ぶ
まず、加工前の画像を残しておきます。仕上がりが用途に合わない場合も、元画像から設定を変えてやり直せます。
ツールに画像を追加し、入力形式や枚数・容量の上限を確認してください。複数画像を選ぶ場合は、すべて同じ形式へ変換してよいかも確認します。
手順2．保存形式と、必要な設定を選ぶ
画面で選べる形式から、JPEG・PNG・WebPなどの変換先を選びます。利用できる出力形式は処理環境によって異なるため、現在の画面で確認してください。
形式に応じて、仕上がり品質や透明部分の背景色を設定します。透明なPNGをJPEGにする場合は、透明部分を何色で埋めるかを確認しましょう。
品質の数値は仕上がりの目安で、容量の削減率ではありません。「品質を80にすれば、容量が元の80％になる」とは限らないため、結果を見て判断します。
手順3．対象と設定、データの扱いを確認して変換する
確認画面で、対象の画像と保存形式、品質などの設定を見直します。
このツールは、変換のため画像をサイトの非公開領域へ一時送信すると案内されています。業務画像を扱う場合は、画面に表示される送信・削除の説明と社内ルールを確認してから、変換を開始してください。
手順4．保存した画像を、実際に使う場所で確認する
変換後は、画像を個別またはZIPで保存できます。保存した画像を開き、次の点を確認しましょう。
- 小さな文字や必要な細部が見える。
- 輪郭や色の見え方に問題がない。
- 透明部分や背景色が意図した状態になっている。
- ファイルの容量と縦横サイズが提出条件に合っている。
- 使用するソフトや掲載先で開ける。
形式を変えたことで、容量が増える場合もあります。容量を減らすことが目的なら、画像の大きさや圧縮設定も含めて見直してください。
画像形式の変換でよくある疑問
JPEGをPNGにすれば、画質は元に戻りますか？
戻りません。PNGにするだけでは、JPEGで失われた情報は復元できません。鮮明な元画像が残っているなら、そこから目的に合う形式で保存し直しましょう。
WebPにすれば、必ず容量は小さくなりますか？
画像の内容や設定によって異なります。同じ画像でも品質や縦横サイズを変えると結果が変わるため、ファイル容量と見え方を確認して選んでください。
PNGなら、背景は必ず透明ですか？
PNGは透明に対応していますが、すべてのPNGに透明部分があるわけではありません。元の画像に背景が付いていれば、形式変換だけで取り除くことはできません。
拡張子を変えるだけではだめですか？
拡張子を書き換えても、画像データの形式は変わりません。対応するツールやソフトで、必要な形式に変換して保存してください。
何度も変換して調整してよいですか？
情報を省く圧縮で再保存を繰り返すと、画質の劣化が重なる場合があります。設定を変えて試すときは、変換後の画像を使い回さず、残しておいた元画像からやり直すと比較しやすくなります。
画像の内容と、使う場所に合わせて形式を選ぼう
画像形式に迷ったら、まず提出先の指定を確認しましょう。指定がなければ、写真はJPEG、文字や透明な背景を保ちたい画像はPNG、Web掲載ではWebPを候補にします。
最後は、実際に使う場所で画質・容量・透明部分を確認してください。画像の内容と用途を基準にすると、毎回なんとなく選ぶことが減り、変換後の手直しも抑えやすくなります。
