PNG 透過チェックは具体的に何を調べているのですか？
PNG 画像は 1 ピクセルごとに alpha（透明度）情報を持てます。このツールはピクセルデータを読み取り、完全に透明・半透明・完全に不透明なピクセルをそれぞれ数えることで、その PNG が本当に透過背景や半透明のふちを持っているかを判定します。
この領域をクリックして 1 つ以上の PNG ファイルを選ぶこともできます
これが最もよくある勘違いです。ウェブページや多くの画像ビューアはもともと地色が白なので、白背景の画像を置くと境界が背景に完全に溶け込み、背景をすでに切り抜いたように見えます。暗い色のポスターや色付きのスライド、別の写真の上に重ねて初めて、白い四角形が姿を現します。つまり透過かどうかは白地の上では判断できません。はっきり対照的な色の上に置くか、ピクセルの alpha 値を直接数える必要があります。このページはその両方を行います。
最も単純なのが JPG を .png にリネームしたケースです。拡張子は変わっても中身は JPG のままで、alpha チャンネルはそもそも存在せず、背景は正真正銘の白です。切り抜き後の書き出しで形式を間違えた場合も同じで、一度 JPG で保存すると透明部分は白で塗り潰され、PNG に戻しても元には戻りません。もう一つは切り抜きが甘いケースで、被写体の縁に半透明の白や灰色のふちが残り、単体では問題なく見えても、暗い背景に置くとはっきりした輪郭線が浮かび上がります。
PNG の各ピクセルは色に加えて alpha 値を持ち、0 が完全な透明、255 が完全な不透明で、その間が半透明です。完全に透明なピクセルが背景を抜くはたらきをします。半透明のピクセルは被写体の縁、影、ガラスのような質感に現れ、縁をなめらかに見せる一方で、下の色が少し透けることも意味します。このページが 2 種類を分けて集計するのは、「背景が本当に空である」ことと「縁にグラデーションがあるだけ」を区別するためです。
写真や色付きのブロックに重ねるロゴ、背景を差し替える商品画像、スライドに挿し込むアイコン、印刷での重ね刷り——こうした用途はいずれも本物の透過が必要で、そうでなければ白い四角が見えてしまいます。逆に、白地のページにしか出さない画像なら、白背景の JPG のほうが容量を抑えられます。背景が確かに透過だと確認できたら、構図の調整には続けて 画像切り抜きが使えます。切り抜いても alpha チャンネルは壊れません。
PNG 画像は 1 ピクセルごとに alpha（透明度）情報を持てます。このツールはピクセルデータを読み取り、完全に透明・半透明・完全に不透明なピクセルをそれぞれ数えることで、その PNG が本当に透過背景や半透明のふちを持っているかを判定します。
透過背景のように見えて、実際には背景が白やグレー、市松模様の画像で塗りつぶされていることがあります。この場合ピクセルの alpha 値は 255、つまり完全に不透明のままです。このツールは見た目ではなく実際の alpha 値から透明度を判定するため、「本当に透明」と「透明に見えるだけ」を区別できます。
完全に透明なピクセルは alpha 値が 0 で、背後にあるものを一切隠しません。半透明ピクセルは alpha 値が 1〜254 で、背景の色と混ざります。アイコンやロゴ、切り抜きのふちには、輪郭をなめらかに見せるために半透明ピクセルがよく使われます。
透過画像は、白・黒・赤・緑・青などの背景ごとに違う問題が見えてきます。たとえば白いふちは白背景では気づきませんが、暗い背景に置くと非常に目立ちます。複数の背景でプレビューすると、切り抜きのふち、残った背景色、半透明部分を確認しやすくなります。
しません。透過チェックは画像を読み取ってプレビューを描くだけで、書き換えも圧縮も書き出しも行いません。元のファイルはそのままで、ページを再読み込みするかクリアするとプレビューも消えます。
されません。画像はブラウザ内だけで読み取り・解析され、端末の外に出ることはありません。デザイン案、未公開のロゴ、製品画像、スクリーンショットなど、外に出したくない PNG の確認にも安心して使えます。
このツールは PNG の透過チェック専用で、PNG ファイルのみを受け付けます。JPG にはそもそも alpha チャンネルがなく、WebP と SVG は透明の扱い方が異なります。これらを調べたい場合は、先に PNG へ変換してからご利用ください。