Image Transparency
画像の透明度の概要、アルファチャンネルに対応する形式、スクリーンショットと書き出しで透明度が働く仕組みを解説します。
画像の透明度は、一部のピクセルを完全に、または部分的に透けて見えるようにし、画像の背後の背景を表示させます。透明度は、赤、緑、青の横に並ぶピクセルごとの追加の値であるアルファチャンネルに保存されます。8ビットの画像では、アルファ0が完全な透明、アルファ255が完全な不透明です。
部分的なアルファの値は、柔らかいエッジ、影、ガラスの効果を可能にします。画像のアルファは、ストレート形式（色と不透明度が別々）またはプリマルチプライ形式（色にすでに不透明度を掛けた値）のどちらかで保存されます。両者を取り違えると、エッジに暗いまたは明るいにじみが出ます。
形式によっては、二値の透明度しか持たないものもあります。ピクセルは完全に見えるか、完全に透明かのどちらかです。
画像形式を変換する
アルファを持たない形式に変換すると、透明度は失われます。Image Converter は PNG、JPG、WebP の間で変換するため、透明度を残すにはPNGまたはWebPを選んでください。
透明度の仕組み
アルファを持つ画像を描画すると、各ピクセルは不透明度に応じて、その後ろにあるものと合成されます。透明なPNGの上にある、柔らかい影付きのロゴは、白、灰色、写真の上でも正しく合成されます。同じ画像をフラット化すると、背景の色がピクセルに固定されます。
透明度に対応する形式
| 形式 | 透明度 |
|---|---|
| PNG | 完全なアルファ、8または16ビット |
| WebP | 完全なアルファ、非可逆または可逆 |
| AVIFとHEIC | 完全なアルファ |
| TIFF | 完全なアルファ |
| GIF | 二値、透明にできるパレットの色は1つ |
| JPG | なし |
| SVG | 図形ごとの不透明度 |
透明度とスクリーンショット
多くのスクリーンショットは完全に不透明です。画面の長方形の範囲を記録するためです。macOSでは、Shift+Command+4 を押してから Space を押して撮影したウィンドウキャプチャには、ウィンドウの影が透明な周囲とともに含まれることがあります。PNGで保存されます。このような画像をJPGに書き出すと、透明な領域は単色で塗りつぶされます。
よくある間違い
- 透明なロゴをJPGで保存する。
- 柔らかい影にGIFを使い、エッジがギザギザになる。
- 暗い背景の上に透明な暗いアイコンを配置し、アイコンが見えなくなる。
- 白い背景でだけプレビューする。
今すぐ修正したい画像がありますか？
透明な画像を選んだ背景に配置するには Social Image Composer を使ってください。
よくある質問
WebPは透明度に対応していますか？
はい。非可逆と可逆のどちらのモードでも対応しています。
透明な画像が黒い背景になったのはなぜですか？
画像を開いたアプリまたは変換したアプリがアルファに対応していないか、黒の上にフラット化された可能性があります。
出典
関連リソース
同じスクリーンショットを何度も撮っていますか？
Temposhot は、画面、ウィンドウ、または範囲をタイマーに従って連続で撮影し、その一式を PDF、画像、ZIP、または MP4 で書き出します。無料のブラウザツールは、1 枚の画像の処理に対応しています。