透過 PNG の作り方：背景が透明な画像を簡単に作る方法
資料やスライド、Web ページに図形を重ねたいとき、背景が白く四角く残ってしまうと見た目が台無しです。 そんなときに使うのが「透過 PNG」。この記事では、透過 PNG の基本と、Shape Maker で作る手順を紹介します。
透過 PNG とは
透過 PNG とは、背景の部分が「透明」になっている PNG 画像のことです。 通常の画像は、何も描いていない部分も白などの色で塗られています。透過 PNG ではその部分に色がないため、 別の画像や資料の上に置くと、下にあるものがそのまま透けて見えます。
PNG は透明を表す情報（アルファチャンネル）を持てる画像形式です。一方、写真でよく使われる JPEG は透明を扱えないため、 透過させたい画像は PNG で保存する必要があります。
透過 PNG が役立つ場面
- プレゼン資料：色付きの背景のスライドに、矢印や囲み枠を重ねる
- Web サイトやブログ：ページの背景色に関係なく、アイコンや装飾をなじませる
- 画像編集：写真の上に、強調用の丸や矢印を後から重ねる
- 動画のテロップ：動画編集ソフトで、図形や文字だけを映像に重ねる
Shape Maker で透過 PNG を作る手順
- キャンバスのサイズを決める：左側（スマホでは下側）のパネルにある「キャンバス」で、幅と高さを指定します。 重ねたい場所の大きさに合わせておくと、あとで縮小・拡大する手間が減ります。
- 背景を透明にする：「背景を透明にする」にチェックが入っていることを確認します。Shape Maker では最初からオンになっています。 キャンバスに灰色と白の市松模様が見えていれば、その部分は透明です。
- 図形を描く：ツールバーから四角形・円・三角形・矢印などを選び、キャンバス上をドラッグして描きます。 色や線の太さは、図形を選択した状態でパネルから変更できます。
- PNG 形式で保存する：「ダウンロード」で形式を「PNG」にし、「画像をダウンロード」を押します。
きれいに仕上げるコツ
余白を残しすぎない
透明な部分も画像の一部です。キャンバスが図形よりずっと大きいと、貼り付けたときに見えない余白が残り、 位置合わせがしにくくなります。図形がちょうど収まるくらいにキャンバスのサイズを調整しましょう。
解像度は 2x 以上がおすすめ
「解像度」で 2x や 3x を選ぶと、キャンバスの 2 倍・3 倍のピクセル数で保存されます。 高精細なディスプレイや印刷でも線がぼやけにくくなるので、迷ったら 2x を選ぶとよいでしょう。
白い図形や文字に注意
市松模様の上では白い図形が見えにくいですが、透明部分には色がないので、重ねる先が暗い背景ならきちんと表示されます。 重ねる先の色をイメージしながら配色を決めるのがポイントです。
よくある失敗
- JPEG で保存してしまった：JPEG は透明を扱えないため、背景が白になります。透過させたいときは必ず PNG を選んでください。
- 「背景を透明にする」のチェックを外していた：背景色が塗られた画像になります。キャンバスに市松模様が見えているか確認しましょう。
- 貼り付け先が透過に対応していない：一部のサービスでは、透明部分が黒や白で表示されることがあります。その場合は背景色を指定して保存するのが確実です。
まとめ
透過 PNG は「背景が透明な PNG 画像」で、資料や写真に図形を重ねたいときに欠かせません。 Shape Maker なら、背景を透明にしたまま図形を描き、PNG で保存するだけで作れます。 PNG と JPEG の違いをもっと知りたい方は、PNG と JPEG の違いと使い分けもあわせてご覧ください。