写真をオンライン変換:PNG から JPG、JPG から PNG、WebP から JPG へ画質を保って
写真をオンライン変換:PNG から JPG、JPG から PNG、WebP から JPG へ画質を保って
プラットフォームや公的サービスは受け付けるフォーマットを厳密に決めています。マーケットプレイスは JPG を待ち、公的な申請フォームは JPG か PNG を求め、ブラウザは WebP でトラフィックを節約します。間違ったフォーマットをアップロードすると、写真はただ弾かれます。ここでは私たちの写真スタジオが、その違いをやさしい言葉で説明し、画質を損なわずに 1 分で画像を別の形式へ変換する方法をお見せします。
そもそもなぜ写真のフォーマットが重要なのか
写真は写真、最後が .jpg だろうと .png だろうと .webp だろうと何が違うのか、と思えるかもしれません。実際には違いは大きいのです。フォーマットによって、ファイルの重さ、透過の有無、細部のシャープさ、そして特定のプラットフォームがあなたの画像を受け付けるかどうかが変わります。私たちは毎日、マーケットプレイスや書類向けに何千枚もの写真を処理していて、同じ痛みを繰り返し目にします。良い写真を撮ったのに、システムが「不正なフォーマット」や「ファイルが大きすぎる」と表示してアップロードできないのです。その多くは撮り直しではなく、単に画像を必要なフォーマットに変換するだけで解決します。この記事では、最もよく使う 3 つのフォーマットを整理し、どんなときにどれを選ぶかを説明し、「変換で画質が落ちる」という誤解を解き、私たちの写真変換ツールを使ってオンラインで 1 分ですべてを済ませる方法をお見せします。フォーマットだけでなく重さも必要なら、「写真を 200 KB にオンラインで圧縮」という別の解説もあります。
JPG、PNG、WebP:フォーマットは実際どう違うのか
意識してフォーマットを選ぶには、3 つのパラメータ、つまり重さ、透過、圧縮の種類を理解すれば十分です。この 3 点でフォーマットは最も大きく分かれます。
- JPG(別名 JPEG)。 写真向けの最も普及したフォーマット。非可逆圧縮を使い、目にほとんど気づかれない情報を捨てることでファイルを軽くします。人物や商品の写真は、JPG なら同じ写真の PNG より 3〜5 倍軽くなります。難点は透過に対応しないことで、「透明」に見える部分は常に白か黒の背景になります。繰り返し上書き保存するとアーティファクトが溜まり、輪郭のまわりにぼやけや四角が出ます。
- PNG。 可逆圧縮のフォーマット。画像がピクセル単位でそのまま保存され、何も捨てられません。最大の利点は透過(アルファチャンネル)への対応で、背景を完全に透明にでき、ロゴやアイコン、切り抜いた商品に欠かせません。代償は重さです。JPG なら 800 KB で収まるところ、PNG では 5〜10 MB になることもあります。PNG は輪郭が鋭いグラフィックやテキストに最適ですが、通常の写真には過剰です。
- WebP。 Google の現代的なフォーマット。非可逆圧縮も可逆圧縮も透過も同時にこなせます。同じ画質で WebP は JPG より 25〜35% 軽く、PNG よりはっきり軽くなります。だからサイトは読み込み速度のために一斉に移行しました。裏面は、WebP がまだどこでも受け付けられるわけではないことです。多くのマーケットプレイス、公的サービス、古いソフトはこれを解釈できず、そのときは WebP から JPG への逆変換が必要になります。
私たち自身が使っている単純なルールです。透過のない写真(人物、商品、風景)は JPG。透過が必要なもの、ロゴ、アイコン、切り抜いたオブジェクトは PNG。速度が大事な自分のサイト用の画像は WebP。そして「不便な」フォーマットで届いたファイルは、ただ変換します。あるフォーマットを別のフォーマットへ変換するには、私たちの写真変換ツールでオンラインでできます。ファイルをアップロードし、目的のフォーマットを選び、結果をダウンロード、ソフトのインストールは不要です。画像を変換ではなくドキュメントにまとめたいなら「写真を PDF に」が、現代的な Web には「AVIF への変換」が役立ちます。
変換で画質は落ちるのか、どう避けるか
最もよくある不安が「PNG を JPG にしたら写真が劣化する」です。答えはどちら向きに変換するか次第です。コンテナを変えること自体は画質を殺しません。大事なのは目的のフォーマットの圧縮がどうかです。
- PNG から JPG。 JPG が非可逆フォーマットなので画質はわずかに下がります。ただし画質設定を高く(90〜95%)すれば違いは目に見えず、ファイルは何倍も軽くなります。本当に失うのは透過だけで、透明部分は背景色で塗りつぶされます。元画像に透明背景があり、それが大事なら JPG への変換は向きません。
- JPG から PNG。 画質は下がりません。PNG はすべてそのまま保持します。ただし良くもなりません。元の JPG にすでにアーティファクトがあれば PNG はそれを固定するだけで、ファイルが重くなるだけです。JPG を PNG にするのは、透過や可逆フォーマットが特定の用途で必要なときだけ意味があり、「シャープにするため」ではありません。
- WebP から JPG。 WebP が良い画質なら損失は最小限です。これは最も多い日常的な変換で、サイトから画像を落としたら WebP で、ドキュメントに貼ったりプラットフォームに上げたりできない、というものです。JPG への変換が互換性の問題を解決します。
- JPG から WebP。 画質はほぼ完全に保たれ、重さは 4 分の 1 から 3 分の 1 減ります。自分のサイトには良く、WebP を受け付けないプラットフォームには無意味です。
無駄に画質を失う 3 つのミス。1 つ目は JPG への繰り返し上書き保存で、毎回データを失い、5〜6 回でぼやけが出ます。元データを残し、コピーを変換しましょう。2 つ目はフルサイズの元データではなくすでに圧縮された小さなプレビューの変換で、小さな画像を大きなフォーマットに「引き伸ばす」ことはシャープさを失わずにはできず、それには別の「解像度の拡大」ツールが必要です。3 つ目は重さのために JPG の画質を 50〜60% にすることで、輪郭に四角が出ます。85〜90% を保ち、必要なら別途、結果を確認しながら写真を圧縮するほうがよいでしょう。私たちの変換ツールでは画質が初期状態で妥当に設定されているので、一般的な用途ではこの点を気にせずに済みます。
PNG の透過:いつ必要で、なぜ消えるのか
透過は PNG と WebP の最大の武器で、JPG にはありません。透明背景は白背景ではなく、背景が「ない」状態で、オブジェクトの下に何もないため、どんな下地に重ねても縁取りなくきれいに乗ります。この違いを理解することが大事です。変換時の問題の半分はこれで説明がつくからです。
- 透過が必要な場面。 さまざまな背景に重ねるロゴ。アイコンやマーク。コラージュやインフォグラフィック用に切り抜いた商品。署名や透かし。プレゼン用のデザイン要素。オブジェクトがどんな背景でも「生きる」べき場所すべてに PNG(またはアルファチャンネル付きの WebP)が必要です。
- 透過が消える理由。 透明な PNG を JPG に保存した瞬間、透明ピクセルを保存する手段がなくなり、エディタはそれを背景色、多くは白、ときに黒で塗りつぶします。だから「ロゴを JPG にしたらまわりに白い四角が出た」はバグではなく、フォーマットの性質です。解決策は、透過が必要なら JPG に移らず PNG のままにすることです。
- 逆の状況。 JPG を PNG にしても透過は生まれません。写真の白背景は白のまま残り、ファイルが重くなるだけです。背景を本当に透明にするには、まず切り抜く必要があります。これは別の作業で、私たちには「背景のオンライン削除」ツールと、「無料で写真の背景を消す方法」の詳しい解説があります。切り抜いたあと、透過を保つためにオブジェクトはまさに PNG で保存します。
私たちの実務でよくあるフローです。商品を色付きの背景で撮影し、白いカタログ背景に置くか、インフォグラフィックを組む必要がある。まず背景を切り抜いて透過つきの PNG を得て、次にプラットフォームが JPG を求めるなら、必要な塗りつぶしを施した完成物を変換します。オブジェクトが複雑なら、髪、毛皮、透明な物体では、自動処理だけでは足りず、手作業の切り抜きが助けになります。透過要素を含む商品ページの組み立てについては、丸ごと「マーケットプレイス向けインフォグラフィック」の記事に書きました。肝心なのは、透過は PNG と WebP にしか宿らず、JPG には物理的に保存する場所がないというルールです。
これは多くの人が変換ツールを探すまさにその部分です。各プラットフォームはそれぞれのフォーマット、サイズ、重さを指定し、外すと写真はただ弾かれます。よく出くわす現行の要件をまとめました。
- 主要マーケットプレイス(縦型ページ型)。 JPG と PNG を受け付けます。推奨解像度はおおむね 900x1200 px 以上、最適は 1200x1600 px、縦 3:4 の形式。重さは 1 ファイルあたり最大 10 MB 程度。PNG も通りますが JPG のほうが実用的で、軽く速く読み込まれます。撮影については「マーケットプレイス向けの商品撮影の仕方」のガイドに詳しく書きました。
- 正方形・縦型併用のプラットフォーム。 JPG と PNG、解像度は 700x900 px 以上、推奨 1500x2000 px、比率 3:4。背景は白が多いので、「商品ページにどの背景を選ぶか」の解説が役立ちます。WebP は受け付けないので JPG に変換します。
- 検索連動型のマーケットプレイス。 JPG と PNG、最低 600x600 px、できれば 1000x1000 px 以上。メイン写真は白か明るい背景で、透かしや余計な文字は不可。元画像に余計なテキストやオブジェクトが残っていれば消せます。「写真から余計なものを消す方法」でやり方を示しています。
- 公的サービスと書類。 大半の申請は JPG(まれに PNG)で、重さは厳密に上限まで、しばしば 200 KB 以下です。WebP と HEIC はまったく受け付けられません。iPhone の写真なら HEIC のことがあり、その場合はまず変換が必要で、これは「HEIC を JPG にオンライン変換」の別記事で扱っています。
アップロード前の一般的な手順は単純です。必要なフォーマット(ほぼ常に JPG)を確認し、ファイルをそれに整え、解像度と縦横比を確認し、重さが上限内かを確かめます。最初の 2 ステップは写真変換ツールが片づけます。WebP や PNG をアップロードし、JPG を 1 分でダウンロード、ソフトも登録も不要です。ついでにサイズや縦横比を合わせたいなら、「写真のトリミング」や、画像を一発でプラットフォームの要件に合わせる「マーケットプレイス向け準備」ツールがあります。よくあるミスは、JPG なら 600 KB で足りる場所に 8 MB の PNG 写真を上げることで、読み込みが遅くなり上限を簡単に超えます。
単純なフォーマット変換は、まさにプロが不要なケースです。私たちのオンライン変換ツールにファイルを上げれば、1 分で JPG、PNG、WebP が手に入ります。私たち自身、ワンクリックでできることにお金を払うなとお勧めしています。ただしフォーマット変更が最後の仕上げにすぎず、本作業がもっと複雑なタスクもあります。たとえば、輪郭の難しい商品(髪、毛皮、ガラス、フリンジ)を切り抜き、PNG できれいな透過を保つ場合、自動処理はしばしば縁のにじみやギザついた縁を残します。あるいは商品ページのインフォグラフィックを組む場合、オブジェクトを切り抜き、必要な背景に置き、影、テキスト、情報ブロックを加え、それをプラットフォームの要件に合わせて JPG で出す。ここには、数百点の商品を統一基準に合わせる一括処理、欠陥のレタッチ、ラインナップ全体の光と色の均一化も含まれます。そうしたときは撮影と加工を私たちに任せる価値があります。切り抜きとインフォグラフィックを、丁寧に、必要なフォーマットで仕上げます。自分でできるようになりたい方には、マーケットプレイス向けの物撮りに重きを置いたレタッチ講座があります。
覚えておくべきは 3 つだけです。JPG は写真向けの軽いフォーマットで、ほぼすべてのプラットフォームと公的サービスが受け付けますが、透過はありません。PNG は透過つきの可逆フォーマットで、ロゴ、アイコン、切り抜いたオブジェクトに最適ですが重い。WebP はサイト向けの省容量フォーマットですが、多くのサービスがまだ受け付けないため、しばしば JPG に変換されます。変換自体は画質にほとんど触れません。大事なのは JPG を何十回も上書きしないことと、小さなプレビューを「引き伸ばさない」ことだけです。今すぐ PNG を JPG、JPG を PNG、WebP を JPG に変換する必要があるなら、私たちの写真変換ツールでオンラインで 1 分で行えます。画像準備のためのそのほかのツール、トリミング、圧縮、背景削除、透かしは、1 つのツールハブにまとまっています。
用途ごとにどのフォーマットを選ぶか
正しいフォーマットは画像がどこへ行くか次第です。万能はありませんが、各フォーマットの強みを知れば選択は単純です。
- サイト、メール、マーケットプレイスへの写真: JPEG。軽く、どこでも開け、色の滑らかな移り変わりのある写真に最適です。
- ロゴ、アイコン、透明背景の画像: PNG。透過と鋭い縁をアーティファクトなく保ちます。
- テキスト入りのスクリーンショット: PNG。テキストや線が鋭いまま残るのに対し、JPEG はそれをぼかします。
- 高速なサイト向けの画像: WebP か AVIF。同じ画質で JPEG より軽く、読み込みを速めます。
- 印刷や加工: カメラの元フォーマットか TIFF、最終段で高画質の JPEG。
- 複数ページのドキュメント: ページを 1 ファイルにまとめるなら PDF。
覚えやすくまとめると、写真は JPEG、グラフィックと透過は PNG、サイトの高速化は WebP と AVIF。上部の変換ツールはこれらのフォーマット間を数秒で変換します。
パソコンとスマホで写真を変換する方法
写真をあるフォーマットから別のフォーマットへ変えるのに、ソフトのインストールは不要です。どの端末でも最速なのは上部のオンライン変換ツールで、ファイルをアップロードし、出力フォーマットを選び、結果をダウンロードします。Windows、Mac、iPhone、Android のどれでもブラウザ内で同じように動きます。
標準機能でやりたいなら、Windows では写真をペイントで開き、名前を付けて保存から JPEG、PNG などを選びます。Mac ではプレビューを使い、ファイル、書き出すからフォーマットを選びます。スマホでは多くのギャラリーが編集を介して別フォーマットでコピー保存できますが、正確な制御と一括作業にはオンラインツールが便利です。ファイルが多いときは、手作業を何十回も繰り返さないよう、複数アップロード対応の変換ツールを探しましょう。
変換でよくあるミスと回避法
- 写真を PNG に。 スナップを PNG で保存し、画質の利点なく何倍も重いファイルになる。写真には JPEG が必要です。
- JPEG に透過を期待。 JPEG は透過を保持せず、透明背景は白か黒になります。透過を保つのは PNG か WebP だけです。
- JPEG の繰り返し変換。 JPEG 間を行き来する変換は毎回画質を失います。元データを残し、そこから変換しましょう。
- 変換によるアップスケール。 フォーマット変更では解像度は増えません。ぼやけた小さな JPEG は PNG にしてもぼやけたままです。
- カラープロファイルの無視。 sRGB へ変換せずに Adobe RGB から変換すると Web で色があせます。サイトやプラットフォームには sRGB が必要です。
写真の変換に関するよくある質問
変換で画質は落ちますか
JPEG への変換では選んだ画質次第で、90% なら損失は目立ちません。PNG と圧縮なしのフォーマット間の変換では画質は失われません。危険なのは JPEG への繰り返し上書き保存です。
PNG を黒背景なしで JPG に変換するには
PNG の透明部分は JPEG への変換で背景色に塗られます。透過を白で塗るツールを選ぶか、あらかじめ必要な背景を敷きましょう。
一番画質の良いフォーマットはどれですか
PNG は画像を可逆で保持しますが重い。JPEG は非可逆ですが高画質なら見分けがつかず軽い。写真には JPEG、グラフィックには PNG を選びます。
複数の写真を一度に変換できますか
はい、ツールが複数アップロードに対応していれば。ギャラリーや商品カタログの処理で時間を節約できます。
フォルダやカタログの一括変換
数百枚の写真を 1 枚ずつ別フォーマットに変えるのは現実的でないので、量には一括処理が必要です。複数アップロード対応のオンライン変換ツールは、一群のファイルをまとめて受け取り、選んだフォーマットに変換し、アーカイブで返します。たとえば PNG スクリーンショットのフォルダ全体を JPEG に変えて軽くしたり、商品カタログをプラットフォーム向けの統一フォーマットに整えたりするのに便利です。パソコンでは、フォルダごと扱える標準の一括処理機能や無償の変換ソフトが同じ仕事をこなします。
一括作業では画像の種類を混ぜないことが大事です。写真は JPEG に、グラフィックやテキスト入りスクリーンショットは PNG のままにします。さもないと一部のファイルが重さかシャープさを失います。全部を実行する前に、1〜2 枚で画質と色に納得できるか確認しましょう。そして結果が使えると確信するまで元データは必ず保管してください。元データを上書きしてしまうと、一括処理は取り返しがつきません。
なぜ変換後に色があせるのか、sRGB との関係
変換後によくある不満が、色が色あせる、あるいはゆがむことで、特に写真をブラウザで開いたりプラットフォームに上げたりしたときに起きます。原因はたいていカラープロファイルです。カメラやエディタは写真を広い Adobe RGB プロファイルで保存することがあり、Web、ブラウザ、大半のプラットフォームは sRGB で動いています。変換ツールが色を変換せずにプロファイルを単に捨てると、鮮やかな色がくすみ、緑や赤が力を失います。
解決策は sRGB への変換つきで変換することです。インターネット、サイト、商品ページ、SNS へ行くものすべてで、目的のプロファイルは sRGB であるべきで、そうすれば受け手の画面で色があなたの見たものと一致します。写真を編集するなら、書き出し設定で Web の作業空間として sRGB を選びます。Adobe RGB などの広いプロファイルは、それを扱える印刷所での印刷用だけに残しましょう。正しいプロファイルは変換後の色あせの問題の大半を解決し、画像は意図どおりに鮮やかに見えます。
非可逆と可逆の変換:何が違うのか
すべてのフォーマットは画像の保持の仕方で 2 つのグループに分かれ、これは変換時の選択に直結します。非可逆フォーマット、とりわけ JPEG は、保存時に目が気づきにくいデータの一部を軽さのために捨てます。これは写真に最適で、ファイルが軽く、高画質なら元との違いも分かりません。ただし JPEG への上書き保存のたびにさらに少しずつデータが削られるので、行き来を繰り返す変換は次第にアーティファクト、四角、コントラストの強い縁のにじみを溜めていきます。
可逆フォーマット、PNG と TIFF は画像を正確にピクセル単位で保持するので、何度上書きしても劣化しません。代償は重さで、写真は PNG では JPEG の何倍も重くなります。実務的な結論はこうです。元データは可逆フォーマットかカメラの元データで持ち、それを編集し、最終段で必要な画質の JPEG に一度だけ変換する。まだ修正が多いなら同じ JPEG を何度も変換にかけず、可逆の元データに戻りましょう。そうすれば画質も妥当な重さも両方保てます。
ロゴ、グラフィック、印刷向けのフォーマットの選び方
私たちが変換するものすべてが写真とは限らず、グラフィックには別のルールがあります。ロゴ、アイコン、図、鋭い縁、均一な塗り、テキストを持つ画像は、PNG に最も適します。にじみなく鋭い境界を保ち、さまざまな下地に重ねるロゴに欠かせない透明背景に対応するからです。そうしたグラフィックを JPEG にするのは有害で、文字や線のまわりに汚れたにじみが出て、透過は白い長方形に変わって失われます。拡大しても劣化しない最高にシャープなロゴには、ベクター形式の SVG がありますが、これはベクターグラフィック向けで写真には向きません。
印刷には別の要件があります。印刷所はたいてい高解像度のファイル、必要なサイズで 300 dpi 以上を、TIFF か最高画質の JPEG で、色はしばしば Web の sRGB ではなく CMYK プロファイルで求めます。だからサイト向けに sRGB と軽い JPEG で整えた写真が、必ずしも質の高い印刷に使えるとは限らず、印刷所には別のバージョンを用意します。単純なルールは、Web の写真は sRGB の JPEG、グラフィックと透過は PNG、印刷は高解像度と各印刷所の要件。用途に合わせて当てずっぽうでなくフォーマットを選べば、汚れた縁もくすんだ印刷も避けられます。
オンライン変換ツールとパソコンのソフト、どちらを選ぶか
写真はブラウザでも、インストール型のソフトでも変換でき、それぞれに向いた場面があります。オンライン変換ツールは速さと手軽さで勝ります。何もインストールせず、パソコンからスマホまでどの端末でも動き、数ファイルを素早く変換して忘れる、という単発の用途に向きます。写真を必要なフォーマットで送る、サイト用に数枚整える、iPhone のスナップを JPG にする、といった大半の日常的な状況で最も便利です。
デスクトップのソフトは、変換が定常的で大量になったときに正当化されます。ソフトはフォルダ全体を速く処理し、インターネットなしで動き、画質、カラープロファイル、メタデータをより細かく設定でき、機密ファイルはパソコンの外に出ないので書類に重要です。代償はインストールと習熟の時間です。実務的な選択はこうです。単発とモバイルの用途にはオンラインツールを、定常的な流れ、カタログ、機微なドキュメントにはパソコンに変換ソフトを持つ。多くの場合、用途に応じて両方を使い分け、どちらか一方に縛られないのが賢明です。