文字を被写体の後ろに配置
写真から被写体を切り抜き、その間に文字を差し込むことで、人物・ペット・商品の後ろに文字が半分隠れた仕上がりを作ります。処理はすべてお使いの端末上で行われます。
画像をここにドロップまたはクリックしてアップロード
JPG、PNG、GIF、WEBP、SVGをサポート
このツールが行っていること
このツールは、人気の「文字が被写体の後ろに回り込む」効果を、1枚のキャンバス上に重ねた3つのレイヤーで作り出します。1層目は手を加えていない元の写真。2層目はあなたの文字。3層目は主要な被写体を透過PNGとして切り抜いたもので、1層目とまったく同じ座標にピクセル単位で重ねて描かれます。最上層は残す部分に元の写真と同一のピクセルを持っているため、被写体は文字の手前に立っているように見え、それ以外の風景は文字の後ろに回ります。消去もマスクもしておらず、この錯覚は描画順だけで成り立っています。切り抜きは、onnxruntime-webを通じてお使いのマシン上で動くISNetという顕著性物体セグメンテーションモデルによるものです。モデルの重みは約40MBで一度だけダウンロードされ、以降はブラウザがキャッシュから提供します。アップロードの工程も、アカウントも、順番待ちも、1枚あたりの費用もありません。このページに透かしや利用回数の制限がないのはそのためです。モデルがマスクを返したあと、2回目の処理でマスクの境界を1ピクセル分収縮させ、半透明のエッジピクセルに残った背景色を取り除きます。この工程はふつうの背景削除以上に重要です。被写体は文字の上に載るため、古い背景の色が残ったエッジピクセルは、文字の上に引かれた色のふちとして目立ってしまうからです。この合成では1ピクセルの収縮に代償がありません。その下にあるのは、1層目の手つかずの写真の同じピクセルだからです。長辺が2560ピクセルを超える画像は、まずそのサイズまで縮小されます。エッジ処理は周辺ピクセルまで調べるピクセル単位の処理であり、2400万画素のスマートフォン写真ではブラウザが何秒も固まってしまうためです。書き出しは常にPNGです。文字の半透明と被写体の柔らかいエッジをそのまま保つためです。
文字を被写体の後ろに置きたくなる場面
この効果が効いてくるのは、見出しと写真が同じ場所を分け合わなければならず、しかもどちらも損ないたくないときです。画像の上にべたっと貼った見出しは、いつまでも「あとから貼ったもの」に見えます。被写体を文字に重ねれば奥行きが生まれ、思いつきではなく意図した設計に見えるようになります。しかもデザイナーもサブスクリプションも要りません。最も多い用途はポートレートのポスターやプロフィールのバナーで、名前や一語が人物の肩や頭の後ろに配置されます。商品写真とも相性がよく、ブランド名や価格を商品の後ろに走らせれば、主役は商品のままです。この見た目が広まったのはSNSでした。動画のサムネイル、ストーリーズやリールのカバー、チャンネルアートでうまく機能します。小さなタイルに縮小されても、帯状のキャプションより形が崩れにくいからです。ポッドキャストのカバーアート、イベントのチラシ、ジムやスポーツ系のグラフィック、アルバムジャケット風のモックアップも同じ手法を使っています。レイアウト上の問題に対する実用的な答えでもあります。背景がごちゃついていて文字を置けるきれいな余白がない写真では、文字の一部を被写体の後ろに隠すことで視線の拠り所が生まれ、その雑然とした背景が構図の一部として使われるようになります。すべてローカルで動くため、そもそも第三者のサービスに渡したくない写真、たとえば子ども、クライアント、未発表の商品の写真でも安心して使えます。
文字を画像の後ろに入れる方法
4ステップですが、時間がかかるのは最初の1つだけです。切り抜きが終われば以降は即座に再描画されるので、書き出す前に文言や配置をいくらでも試せます。
人物、ペット、単体の商品など、前景の被写体が1つはっきり写っている写真をアップロードします。文字を置く余地ができるよう、被写体の周囲に空きを残してください。
「被写体を切り抜く」を押します。初回はセグメンテーションモデル(約40MB)のダウンロードが入り、2回目以降は推論から始まります。
文字を入力し、フォント、太さ、色、サイズ、回転、字間・行間、不透明度を設定します。プレビュー上を直接ドラッグして文字を動かすか、位置スライダーで微調整します。
「合成してPNGを書き出す」を押します。3つのレイヤーが作業解像度のまま1枚に統合され、プレビューの下にダウンロードが表示されます。
よくある質問
その他の画像ツール
画像編集のニーズに応える他の強力なツールをご覧ください
画像圧縮
サイズ縮小
サイズ変更
寸法変更
画像切り抜き
領域を切り取る
形式変換
形式を変更
フォトエディター
写真を編集
画像回転
画像を回転
画像反転
水平/垂直反転
透かしを追加
透かし
枠線追加
画像枠線を追加
角丸
角丸を追加
フィルター
明るさ/コントラスト
顔をぼかす
顔を隠す
モザイク
領域をぼかす
背景削除
背景を削除
画質向上
AI拡大
テキスト追加
画像にテキストを追加
コラージュ
複数の画像を結合
HTMLから画像
Webを画像に
GIF からシーケンス
フレーム抽出
画像の余白を削除
空白の縁を削除
画像を一括リネーム
ファイル名を安全に一括変更
円形切り抜き
画像を円形に切り抜き
白黒
画像をグレースケールに変換
画像分割
画像をグリッドに分割
画像結合
画像を1つに結合
DPI変更
画像のDPIメタデータを設定
画像→Base64
画像をBase64にエンコード
画像をPDFに結合
複数の画像を1つのPDFにまとめる
HEIC→JPG
iPhoneのHEIC写真をJPGに変換
EXIF除去ツール
GPS位置情報を含む写真の隠しメタデータを表示・除去
ファビコン ジェネレーター
完全なアイコンセットとHTML
カラーパレット
画像から色を抽出
Base64→画像
Base64をデコードして画像に戻す
HEIC→PNG
iPhoneのHEIC写真をロスレスでPNGに変換
カラーピッカー
任意のピクセルのHEX・RGB・HSLを取得
署名メーカー
署名を手書きして透過PNGでダウンロード
署名の背景削除
紙の上のインクを透過に
背景透過ツール
背景を透明にする