画像エクスポート時に透過を維持する方法

透過画像のクロップ、リサイズ、圧縮でアルファチャンネルを維持しましょう。

はじめに

透明背景のロゴを10分かけて丁寧にクロップしたのに、ダウンロードしてみると透過だった部分が真っ白な四角になっていた――画像編集で最もよくある、そして最もフラストレーションの溜まるミスのひとつです。

透過（アルファチャンネル）は、ロゴ、アイコン、ウォーターマーク、そして他のコンテンツの上にきれいに重ねる必要があるあらゆる画像に不可欠です。しかし、すべての画像フォーマットが透過をサポートしているわけではなく、間違った出力フォーマットや品質設定を選ぶと、アルファチャンネルが静かに破壊されます。経験豊富なユーザーでも、JPEGには透過サポートがないことを忘れてしまうことがあります。

この記事では、どのフォーマットが透過を保持するか、ダウンロード前に確認する方法、そしてImageSizrのツールで使用すべき具体的な設定を解説します。透明背景を誤ってフラット化してしまうことが二度とないようにしましょう。

透過をサポートするフォーマットは？

すべての画像フォーマットが透過を同じように扱うわけではありません。クイックリファレンス表をご覧ください：

フォーマット	アルファチャンネルサポート	備考
PNG	あり（フル）	透過に最適なフォーマット。ロスレスのため画質劣化なし。
WebP	あり（フル）	非可逆・可逆両モードで透過をサポート。PNGより25〜35%小さい。
JPEG	なし	透過部分は背景色に置き換えられます（デフォルトは白）。
GIF	部分的	バイナリ透過のみ（ピクセルごとに完全透明または完全不透明）。半透明グラデーションは不可。
ICO	あり（フル）	ImageSizrはアルファチャンネルを保持するマルチサイズICOファイル（16〜256 px）を生成。

PNGは透過が重要な場合に最も安全な選択です。フルアルファチャンネルサポートとロスレス圧縮により、透明なエッジが滑らかでシャープに保たれます。

WebPはモダンな代替手段です。非可逆・可逆両モードで透過をサポートしつつ、通常はPNGより25〜35%小さなファイルを生成します。ターゲットプラットフォームがWebPをサポートしている場合、Web公開にはこちらがより良い選択となることが多いです。

JPEGは透過を一切サポートしません。ソース画像のアルファチャンネルは不透明な背景色に置き換えられます――ImageSizrではデフォルトが白、またはユーザーが選択した色になります。これが透過を誤って失う最も一般的な原因です。

これらのフォーマットのより広範な比較については、JPG・PNG・WebP：それぞれの最適な使い分けをお読みください。

PNGを透過付きでクロップ

ImageSizrで透過を維持してエクスポートする方法

以下の手順に従って、あらゆる編集ワークフローで透過画像の透過を維持しましょう：

画像をアップロード――PNGまたはWebPファイルを任意のImageSizrツールにドラッグ＆ドロップ、「参照」をクリック、Ctrl/Cmd+Vでクリップボードから貼り付け、またはURL、Google Drive、Dropbox、OneDriveからインポートします。
編集を実行――必要に応じてクロップ、リサイズ、圧縮、回転、または反転を行います。すべてのツールが編集中にアルファチャンネルを維持します。
フォーマットドロップダウンを確認――ダウンロード前に、出力フォーマットがPNGまたはWebPに設定されていることを確認してください。透過が必要な場合はJPEGを選択しないでください。
背景切り替えを使用――背景切り替えをクリックして、明暗チェッカーボードプレビューを切り替えます。画像の一部にチェッカーボードパターンが見える場合、その部分は透過しています。代わりに不透明な色が見える場合、アルファチャンネルが失われている可能性があります。
ダウンロード――「ダウンロード」をクリックします。エクスポートされたファイルは、プレビューに表示されたとおりにアルファチャンネルを保持します。

PNG クロップツールはデフォルトでPNG出力に設定されており、誤ってJPEGに切り替えるリスクを軽減します。PNGリサイズツールも同様に、透過安全なリサイズのためにデフォルトでPNG出力に設定されています。

透過を誤って破壊する一般的なシナリオ

なぜ透過が失われるかを理解することで、それを回避できます。以下が最も一般的な4つのシナリオです：

シナリオ1：PNGを編集後にJPEGとしてエクスポート。これが最も頻繁に起こるミスです。透明背景のPNGをアップロードし、クロップやリサイズを行い、フォーマットドロップダウンがJPEGに設定されていることに気づく――あるいはまったく確認しない。JPEGはアルファチャンネルを保存できないため、すべての透過ピクセルが背景色になります。

シナリオ2：エディタで背景色を設定。プレビュー目的で不透明な背景色を選択すると、ImageSizrは透過領域の背後にその色を適用します。JPEG出力には便利ですが、透過を維持したい場合には破壊的です。PNGまたはWebPとしてダウンロードする前に、背景色設定がクリアされているか、透明に設定されていることを確認してください。

シナリオ3：JPEG出力がデフォルトのツールで再圧縮。一部の圧縮ツールは、ファイルサイズの削減に最も効果的であるため、デフォルトでJPEGを使用します。「ダウンロード」をクリックする前に、必ず出力フォーマットを確認してください――特に透過PNGから始めて圧縮ツールに切り替えてサイズを削減した場合は注意が必要です。

シナリオ4：JPEGに再エンコードするプラットフォームにアップロード。一部のソーシャルネットワークやWebプラットフォームは、アップロードされた画像を自動的にJPEGに再エンコードし、透過を除去します。このような場合は、プラットフォームに決めさせるのではなく、アップロード前に目に見える背景色を追加しましょう。少なくとも結果をコントロールできます。

エクスポート後の透過チェック

慎重にエクスポートした後でも、透過が処理を通じて維持されたか確認するのは良い習慣です：

画像ビューアで確認：ダウンロードしたファイルを透過をチェッカーボードパターンで表示する画像ビューア（macOSのプレビュー、WindowsのPhotos、または任意のグラフィックエディタ）で開きます。背景があるべき場所にチェッカーボードが見えれば、透過は維持されています。
ImageSizrに再アップロード：エクスポートしたファイルを任意のImageSizrツールにドロップして、背景切り替えを使用します。チェッカーボードパターンが表示されれば、アルファチャンネルが正常に機能しています。
ファイルサイズの手がかり：透過付きのPNGは、通常同じサイズのJPEGより大きくなります。ファイルが予想外に小さい場合は、フォーマットが誤ってJPEGに設定されていないか確認してください。
復元：透過が失われた場合、エクスポートされたファイルを修正しようとしないでください――アルファデータは消去されています。代わりに、元のソースファイルに戻り、正しいフォーマット設定でPNGまたはWebPとして再エクスポートしてください。

透過のデシジョンマトリックス

用途に基づいて適切なフォーマットを選ぶには、この表をご利用ください：

用途	推奨フォーマット	理由
Webサイトのロゴ	PNGまたはWebP	透過が必要、ロスレスでシャープなエッジを維持
白背景の商品写真	JPGまたはWebP	透過不要、非可逆の方がファイルサイズが小さい
アプリアイコン／ファビコン	PNGまたはICO	透過が必要、ICOはマルチサイズアイコン用
ウォーターマークオーバーレイ	PNG	半透明（可変アルファ）が必要、PNGが最も安全
SNSグラフィック	PNG（アップロード）、プラットフォームが決定	プラットフォームが再エンコードするまでPNGで透過を維持

WebPワークフローでは、WebP圧縮ツールでアルファチャンネルを維持しながらファイルサイズを削減できます。

よくある質問

圧縮時に透過はどうなりますか？

JPEGとしてエクスポートした場合、透過は背景色（デフォルトは白、またはお好みの色）に置き換えられます。PNGとWebPは圧縮を通じて透過を維持します。

透過画像に背景色を設定できますか？

はい。JPEG（透過をサポートしない）としてエクスポートする場合や、不透明な背景が必要な場合、ImageSizrのエディタでパレットから色を選択するか、カスタムの16進数値を入力できます。透過を除去するプラットフォームでの見た目を制御するのに便利です。

対応している画像フォーマットは？

PNG、JPG/JPEG、WebP、GIF、BMP、TIFF、AVIF、SVG、ICO、HEICファイルをアップロードできます。出力フォーマットは元のフォーマット、JPEG、PNG、WebP、ICOに対応しています。

画像はサーバーにアップロードされますか？

いいえ。すべての処理はブラウザ内で直接行われます。画像がデバイスから外部に送信されることはないため、データのプライバシーが保たれます。

これらのガイドラインに従っても透過の問題が解消しない場合は、背景色とアルファ透過の問題のトラブルシューティングで詳しい対処手順をお読みください。

透過を維持しましょう

透過の維持は2つのルールに集約されます：PNGまたはWebPとしてエクスポートし、ダウンロード前にチェッカーボード背景切り替えで確認すること。アルファチャンネルが必要な画像にはJPEGを避け、「ダウンロード」をクリックする前に必ずフォーマットドロップダウンを確認してください。

PNGクロップツールを開いて、次の透過画像を自信を持ってクロップ・エクスポートしましょう――すべての処理はブラウザ内で行われ、サインアップは不要です。

PNGを透過付きでクロップ