手順サマリー:透過PNGは、背景が「何もない」画像です。iPhoneなら写真アプリで被写体を抜き出して「ファイルに保存」、またはファイルアプリの「背景を削除」。Macならプレビューの「背景を削除」か「インスタントアルファ」で背景を消し、PNGで書き出します。写真アプリ(カメラロール)に保存すると白背景に戻ることがあるので、素材の原本はファイルアプリかFinderに置きます。
こんにちは。ロゴや切り抜き画像を写真や資料に重ねると、白い四角が残ることがあります。原因の多くは、透明を記録できないJPEGのまま使っていることです。専用の画像編集アプリを入れなくても、iPhoneとMacの標準機能だけで背景が透明なPNGを作れます。
この記事は、素材づくりの手順に絞った土台記事です。できたPNGを写真に透かしとして重ねたいときは、ショートカット便利機能シリーズの「画像に透かし(ロゴ)を重ねる方法」へ進んでください。画像・PDFまわりのほかの作業は、画像連結、画像→PDF、一括リサイズと親まとめから辿れます。
なぜJPEGだと白い四角が残る?
JPEGは透明を記録できない形式です。背景を消したつもりでも、透明だった部分は白(または単色)で埋められます。PNGなら透明部分は「何もない」ので、下の写真やスライドがそのまま見えます。
透過PNGが役立つ場面は、透かしだけではありません。
- ブログや資料に、ロゴだけを重ねたい
- 商品写真や手書き署名を、背景なしで使いたい
- スクショからアイコンや図だけを抜き出したい
すでに透過PNGがある場合は、保存先の注意だけ確認して使えば十分です。
どの方法を選ぶ?
追加アプリは不要です。手元の素材と端末で選ぶと迷いません。
| 手元の素材 | おすすめの作り方 |
|---|---|
| 白(または単色)背景のロゴJPEG/PNG | Macのプレビュー(インスタントアルファ)。色の境界がはっきりしたロゴに強い |
| 写真アプリにある被写体・スタンプ・手書き署名 | iPhone/iPadの写真アプリで被写体を抜き出す |
| ファイルアプリに置いた画像 | ファイルのクイックアクション「背景を削除」。透過PNGのまま同じフォルダに残しやすい |
| 何度も同じ作業をする | ショートカットで「イメージから背景を削除」→PNGでファイルに保存 |
細い線のロゴや、背景と色が近い素材は、自動の背景削除よりインスタントアルファの方が残りやすいです。逆に、人物や立体的な被写体は自動削除の方が楽です。
保存先の注意(透過が消える典型パターン)
透過PNGを写真アプリ(カメラロール)に保存すると、環境によってはJPEGに変換され、透明だった部分が白背景に戻ることがあります。素材としては、次の置き方が安定します。
- iPhone/iPad:ファイルアプリ(iCloud Driveや「このiPhone内」)にPNGのまま保存する
- Mac:FinderにPNGで書き出す
- 完成した合成写真はJPEGでも問題ありません(透明はすでに焼き込まれている)
確認の目安は、プレビューやファイルのプレビューで背景が**市松模様(チェック柄)**に見えることです。真っ白なら、透過が落ちています。
iPhone/iPad:写真アプリで被写体を抜き出す
iOS 16/iPadOS 16以降の対応機種では、写真アプリで被写体を背景から切り離せます。ロゴや手書き署名が写真の中で独立して写っているときに向きます。
- 「写真」アプリで、抜き出したい画像を全画面で開きます。
- 被写体をタッチして押さえたままにします。輪郭が浮かび上がったら指を離します。
- 「共有」をタップします。
- 「ファイルに保存」を選び、保存先フォルダを指定します(写真に保存しない)。
「コピー」や「被写体をコピー」でも、メモやKeynoteに貼れば透過つきで扱えます。貼り付け先によってはJPEG化することがあるので、素材の原本はファイルアプリのPNGを残すのが無難です。
この操作はSafariやクイックルックでも使えます。対応機種や操作の詳細は、Appleの公式ガイド(本記事末尾の参考)を確認してください。
iPhone/iPad:ファイルアプリの「背景を削除」
ファイルに置いた画像から、透過PNGを直接作りたいときの最短ルートです。写真アプリ経由より、透明を保ったまま保存しやすいです。
- 元画像を「ファイル」アプリに置きます(写真アプリから「共有」→「ファイルに保存」でも可)。
- 画像を開かず、一覧でサムネイルを長押しします。
- 「クイックアクション」→「背景を削除」をタップします。
- 同じフォルダに、背景が消えた画像が追加されます。
複数枚あるときは、「選択」でまとめて選び、右下の「…」から「背景を削除」できる場合があります。元ファイルは残るので、失敗しても安心です。
白背景のシンプルなロゴならこれで十分なことが多いです。輪郭が欠けたら、次のショートカット版か、Macのインスタントアルファに切り替えます。
iPhone/iPad:ショートカットで透過PNGを保存する
同じ切り抜きを繰り返すなら、ショートカットで自動化できます。
- 「ショートカット」アプリで新規作成します。
- 「写真を選択」を追加します。
- 検索欄に「背景」と入力し、「イメージから背景を削除」(表示名が「画像の背景を削除」のこともあります)を追加します。
- 「切り取り」がある場合、ロゴ用途ならオンにすると余白が減ることが多いです。
- 「イメージを変換」を追加し、フォーマットをPNGにします(メタデータを保持する必要はありません)。
- 「ファイルに保存」を追加し、保存先をファイルアプリのフォルダにします。
- 名前を「透過PNGに変換」などにして完了です。
背景削除の直後は透過PNGとして扱われることが多いですが、途中でJPEG変換を挟むと透明が白に変わります。素材作りではPNGのままファイルへ保存してください。
作ったショートカットは、「共有シートに表示」をオンにすると、写真アプリから直接実行できます。起動を速くするコツは、ショートカット便利機能シリーズの各記事と同じです。
Mac:プレビューで白背景のロゴを透過にする
デザイナーから渡された「白背景のロゴ.jpg」や、スライドのスクリーンショットは、プレビューが向いています。追加ソフトは不要です。作業前にFinderで原本を複製(Command+D)しておくと、失敗しても戻れます。
新しいmacOS(プレビューに「背景を削除」ボタンがある場合)
- 画像をプレビューで開きます。
- ツールバーの「背景を削除」をクリックします(キーボードでは Shift+Command+K のことがあります)。
- JPEGなど透明を持てない形式のときは、PNGへ変換するか尋ねられます。原本を残したいなら「キャンセル」→「ファイル」>「複製」してからやり直します。上書きしてよければ「変換」です。
- 「ファイル」>「書き出す」でフォーマットをPNGにして保存します。
単色背景のロゴ向け:インスタントアルファ(手動)
白い四角の上に黒いロゴ、黒い四角の上に白いロゴ、のような素材は、自動削除よりこちらの方が輪郭を残しやすいです。
- プレビューで画像を開き、「マークアップツールバーを表示」(ペン先のアイコン)をオンにします。
- 「インスタントアルファ」(魔法のステッキのようなアイコン)を選びます。
- 消したい背景の上でドラッグします。同じ色の領域が赤く広がるので、本体に食われる直前で指を離します。
- Deleteキーを押します。PNGへ変換するか聞かれたら「変換」です。
- 残った背景があれば、手順3〜4を繰り返します。被写体だけ残したいときは、「編集」>「選択部分を反転」→Deleteでもできます。
- 「ファイル」>「書き出す」→フォーマット「PNG」で保存します。選択肢に「アルファ」がある場合はオンにします。
透過部分は、プレビューの「表示」>「画像の背景を表示」をオンにすると市松模様で確認できます。真っ白のままだと、まだ透過になっていません。
文字やマークをゼロから置きたいとき
ハンドル名や「© 名前」のような文字だけを写真に載せたいなら、画像を作らず、ショートカットの「テキストを重ねて表示」で足りることが多いです。手順は透かし重ねの記事側にあります。
簡単なマークを画像として残したい場合は、KeynoteやPagesで文字・図形を置いてスクリーンショットを撮り、上記の「背景を削除」に通す方法でも足ります。スライド全体を書き出すと背景色が残ることがあるので、被写体(文字やマーク)だけを切り出す方が重ねる用途向きです。
素材のサイズと色のコツ
- サイズ:512×512px前後(必要なら1024×1024px)の正方形に近いPNGが扱いやすいです。使うときに縮小すれば足りることが多いです。
- 余白:被写体の周りに透明の余白を少し残すと、端に置いたときに切れにくいです。切り取りがきついときは、キャンバスを少し広げます。
- 色:明るい背景には暗い図、暗い背景には白い図が読みやすいです。両方使うなら、白版と黒版を2つ残します。薄く見せたいときは、素材側で薄くしすぎず、重ねる側の不透明度で調整する方が再利用しやすいです。
- 輪郭:細い線やドロップシャドウは、自動背景削除で欠けやすいです。欠けたらインスタントアルファに切り替えるか、線を少し太くした版を用意します。
- 形式:素材はPNGのまま保管します。メールやチャットで送るとJPEG化することがあるので、自分用の原本はファイルアプリかiCloud Driveに置きます。
Windows 11で作る場合は、標準のペイントに「背景の削除」があり、PNGで保存すれば透明を保てます(JPEGで保存すると白背景に戻ります)。できたPNGをAirDropやiCloudでiPhoneやMacへ渡せば、このあとの作業に使えます。
よくある質問(FAQ)
Q. 切り抜いたのに、白い四角が残ります。
A. 透過がJPEG化で落ちていることが多いです。写真アプリへ保存せず、ファイルアプリかFinderにPNGのまま置いてください。プレビューで市松模様が見えれば透過は残っています。
Q. 自動の背景削除で、細い線が欠けます。
A. 単色背景なら、プレビューのインスタントアルファで背景色だけを消す方が残しやすいです。線を少し太くした版を用意する方法もあります。
Q. 写真アプリに保存してはいけないのですか?
A. 日常の写真としては問題ありません。透過を素材として再利用したいときだけ、JPEG化のリスクを避けるためにファイルへ置く、という使い分けです。
Q. できたPNGを写真に透かしとして重ねたいです。
A. ショートカットで透かし(ロゴ)を重ねる方法に、位置・不透明度・共有シート化までまとめています。
まとめ
- 白い四角の正体は、JPEGが透明を持てないことが多い。
- iPhoneは写真アプリの被写体抜き出し、またはファイルの「背景を削除」。
- Macはプレビューの「背景を削除」か「インスタントアルファ」→PNGで書き出す。
- 素材の原本はファイル/FinderにPNGのまま置く。市松模様が見えれば透過は残っている。
- 写真への重ね方は透かしショートカット、周辺の画像作業は画像・PDFハブへ。
参考(本記事で参照・確認した情報)
- Apple サポート:iPhoneで被写体を写真またはビデオの背景から抜き出す
https://support.apple.com/ja-jp/guide/iphone/iphfe4809658/ios - Apple サポート:iPadで被写体を写真の背景から抜き出す
https://support.apple.com/ja-jp/guide/ipad/ipad77a3269b/ipados - Apple サポート:Macの「プレビュー」で背景を削除する/画像を抽出する
https://support.apple.com/ja-jp/guide/preview/prvw15636/mac - Apple サポート:Macの「プレビュー」でイメージを取り出す/背景を削除する(インスタントアルファ、macOS Monterey時点の手順)
https://support.apple.com/ja-jp/guide/preview/prvw15636/11.0/mac/12.0 - Apple サポート:Macの「プレビュー」で画像のファイルタイプを変換する
https://support.apple.com/ja-jp/guide/preview/prvw1012/mac - Apple サポート:MacのKeynoteで画像を編集する(背景を削除)
https://support.apple.com/ja-jp/guide/keynote/tan811faceea/mac - Apple サポート:iPadのKeynoteで画像を編集する(背景を削除)
https://support.apple.com/ja-jp/guide/keynote-ipad/tan811faceea/ipados - Apple サポート:ショートカットの使い方(iPhone)
https://support.apple.com/ja-jp/guide/iphone/apd5a3aeb5af/ios

コメント