透明になる画像、ならない画像 ~画像の背景が透明にならない理由をロボテックが説明!【初心者向けデジタルコラムVol.1】

こんにちは、ロボテックです。
スマートフォンやパソコンを使う時、私たちはいつも「画像」を見ていますよね。
ですが、画像をダウンロードして「あれ? 背景が透明になっていないぞ?」と困った事はありませんか?
Scratch(スクラッチ)などでのゲーム制作、または動画制作をしている人は一度はある経験だと思います。

※四角い白背景ごと表示されてしまう例
今回はこの理由と。
「透明にできる画像・できない画像」についてカンタンにご説明します。
📷️ 透明化ができない画像
まず、普通の画像は背景が透明になりません。
わかりやすいイメージとしては「写真」です。
スマホやタブレットで撮影した写真で、撮った瞬間に「背景が透明で人間だけ表示されている」という事はありませんよね?
もちろんそういう機能があるカメラアプリであれば別ですが、最初から使える標準カメラアプリでは背景透明機能はありません。

※カメラで写真をとっても、背景を自動で透明にはしてくれません
一般的なカメラアプリで作られる写真画像は「JPG(じぇいぺぐ)」という形式が多いです。
このJPG形式は「ここが透明だよ」というデータを持つ事ができません。
なので、どんなに画像をいじっても絶対に背景を透明にする事はできないのです。(背景を黒や白で塗りつぶす事はできます)
高画質の写真を撮影できるアプリの場合JPG以外のファイル形式で保存される事もありますが、この「透明データを持たない」という点は同じです。
「じゃあ何でそんな不便な形式を使うんだ!」と思うかもしれませんが、JPGはファイルサイズを小さくしやすい形式でもあります。
簡単に言うとスマホの写真を全てJPGではなくPNGで保存してしまうと、3~5倍のペースで容量がなくなってしいます。(設定によっても変わるためあくまで例です)
JPGは「節約上手」な形式なので、一般的に広く使われているのです。
🖼️ 画像の種類あれこれ
画像データには色々な種類があります。
特に以下の4つは有名所なので、ゲームや動画制作に興味がある人は覚えておくと役に立つかもしれません。

●JPG
読み方:ジェイペグ
写真が得意な節約名人
写真をはじめ多くの場面で使われている画像形式。
圧縮率が高く、ファイルサイズを小さくしやすい。

●PNG
読み方:ピーエヌジー または ピング
万能な優等生
透明表示もアニメーション表示も可能。
ただしファイルサイズはやや大きい。

●GIF
読み方:ギフ または ジフ
ベテランの職人
透明表示もアニメーションも出来るが、256色までしか使えないという決まりがある。
昔からある形式だが、「ドット絵」や「アイコン(矢印など)」など色数が少なくて良い場合は、今でも扱いやすい。
昔からあって有名なだけに「GIFが表示できないです」という機械やアプリが少ない事もメリット。

●WEBP
読み方:ウェッピー
最新のエース。
透明表示もアニメーション表示も可能で、ファイルサイズも小さめ。
性能は最強だが、新しい形式なので使えない機械やアプリもある。
(例:2026年6月現在、ScratchではWEBP形式の画像は使えない)
この中で、透明な画像を作るのに一番オススメなのはPNG形式です。
💻️PNGでも、「ここが透明」と設定しないと透明にならない
では、JPG形式の画像をPNG形式にすれば、背景が透明になるのでしょうか?
残念ながらそうはいきません。
PNG形式でも「ここからここまでが透明だよ」という設定がされていなければ、透明表示は出来ません。
この設定は画像編集アプリで行う上に、既に完成された画像に対して透明設定をするのはかなり難しいです。
これはGIF形式やWEBP形式の画像でも同じです。
現在はAIが自動で透明化処理をしてくれるアプリもありますが、画像によっては綺麗に透明化できない事もあります。
そもそもクリエイターさんが作ってくれた画像素材ならば、加工せずとも最初から「透明画像をダウンロードできる」というケースが多いです。
検索画面やイラストの表示画面を「切り抜いて保存」すると、透明情報が保存されず背景が白くなってしまう事が多いですが、素材サイトの指示の通りに「ダウンロード」をすると正しい透明背景画像が手に入る事が多いです。

(イラスト作成:Google Gemini)
🖼️ まとめ
・写真をはじめ一般的に使われているJPG形式の画像は、背景を透明にできない
・PNG形式など透明化に対応している画像形式でのみ、背景を透明にできる
・画像の透明化設定は難しい。クリエイターさんが設定してくれた画像を、正しくダウンロードして使うのが大切
Scratchはもちろん、UnityやUnrealEngineで本格的なアプリ制作をする時もこの基本は変わりません。
今後も、初心者向けデジタルコラムを紹介していきますので、よろしくお願い致します。
🖥️ ロボテックについて
\ お近くの教室で無料体験受付中! /
ロボテックは、宇都宮市(下栗・ゆいの杜)を中心に、栃木市、壬生町、館林市(群馬)で子ども向けのロボット・プログラミングスクールを運営しています。
LEGOや教育版マインクラフト、Scratch、Robloxなどなど多彩な教材で楽しくプログラミングを学んで頂けます。
無料体験も定期開催しておりますので、ぜひお気軽にご相談ください!
【詳しくはこちら】