オンラインで写真に文字を入れる方法
投稿者:Editorial Team · 2026年5月31日 · 読了目安 1 分 · 最終更新日:2026年8月25日
以前は写真に文字を入れるために、Photoshopを開いて新しいテキストレイヤーを作り、ブレンドモードを調整し、統合したファイルを書き出す必要がありました。今ではブラウザだけで、ソフトのインストールもアカウント作成も不要で、1分もかからずに同じことができます。旅行写真に添える簡単なキャプションでも、商品画像に入れる著作権の透かしでも、YouTubeサムネイルの大きなタイトル文字でも、手順は同じです。オンラインエディターで画像を開き、文字を配置してスタイルを整えれば完成です。
このガイドでは、写真に文字を入れるさまざまな活用シーンと、フォント・色・配置の選び方、そして「慌てて作った感」のない仕上がりにするコツをご紹介します。
写真に文字を入れる理由
画像上の文字は、思っている以上にいろいろな目的で使われています。いちばん身近なのはキャプションです。写真の下や上に説明やひとことを添えて、背景を伝えます。ブログ記事やニュース、SNSなど、画像だけでは内容が伝わりにくい場面でよく使われます。上手に使えば、写真の邪魔をせずに魅力を引き立てられます。
透かし(ウォーターマーク)は、また違う役割の文字です。写真家やイラストレーター、クリエイターは、作品を公開する前に自分のものだと示すために使います。画像の隅に半透明の透かしを入れておけば、見た目を損なわずに無断使用をある程度防げます。大切なのは控えめにすることです。目立ちすぎると写真が使えなくなり、薄すぎるとトリミングで簡単に消されてしまいます。
タイトル文字は、文字入れがもっとも創造的になる場面です。YouTubeのサムネイル、ブログのアイキャッチ、SNS用の画像、イベントのポスターなどは、本文を読む前に一瞬で内容を伝えるため、写真に重ねた文字に頼っています。フォント、サイズ、コントラスト、位置の組み合わせ次第で、クリックされるサムネイルになるか、スクロールで流されるかが変わります。
この3つ以外にも、商品ラベル、フリマ出品の価格表示、名言画像、ミームのキャプション、解説用スクリーンショットの吹き出しなどにも使われます。画像エディターなら、これらすべてをブラウザ上で、文字の細かな設定まで自由に調整しながら作れます。
画像に合ったフォントの選び方
写真の文字がプロっぽく見えるか素人っぽく見えるかは、フォント選びでほぼ決まります。よくある失敗は、ツールの最初に出てくるフォントをそのまま使ってしまうことです。装飾的な筆記体はウェディング写真には素敵でも、商品ページには合いません。太めで縦長(コンデンス)のゴシック体はYouTubeのサムネイルにぴったりでも、静かな風景写真に添える落ち着いたキャプションには不向きです。
基本的に、背景がごちゃごちゃしていたり細かかったりする写真には、シンプルなフォントのほうが読みやすくなります。文字を置く場所に質感や模様、色の変化が多い場合は、太さのしっかりしたすっきりしたゴシック体が向いています。細い書体や装飾的な書体は不向きです。逆に、無地やぼかした背景なら、個性のあるフォントも使いやすくなります。
太さとサイズ
フォントの太さは、写真の上での読みやすさに大きく影響します。太い書体は文字をしっかり見せ、ごちゃついた部分の上でも読みやすくなります。細い書体は上品に見えますが、単色で対比のある背景以外ではすぐ見えにくくなります。迷ったら、思っているより太く、大きくしましょう。エディター上で少し大きいと感じる程度が、完成した画像ではちょうどよいことが多いです。
色とコントラスト
写真の上でいちばん読みやすいのは、暗い影をつけた白い文字、または画像の明るい部分に置いた暗い文字です。これはデザイン上の決まりではなく、人間の視覚の仕組みによるものです。文字と背景のコントラストが高いほど、ひと目で読めます。色付きの文字にしたい場合は、文字を置く部分の主な色と強くコントラストする色を選んでください。明るい空に黄色、影になった背景に濃紺の文字などは、遠目にきれいに見えても避けましょう。
写真上の文字の配置
配置もスタイルと同じくらい大切です。写真の構図を考えずに置いた文字は、どうしても後付けに見えてしまいます。主役と競合せず、文字を置けるだけの余白がある場所を探しましょう。
キャプションや透かしは、画像の下3分の1や四隅に置くのが一般的です。被写体の邪魔にならず、しっかり見えるからです。右下の著作権表示は、見る側にも広く知られた慣習です。画面下部のキャプションは映画の字幕やクレジットに似ていて、自然に感じられます。
タイトル文字やサムネイルの文字は、ルールが少し違います。文字が画像でもっとも重要な要素になることが多く、目立つ位置に置く必要があります。右側に被写体がある場合は、上部または下部に左揃えで置くと、視線が文字から被写体へ自然に流れます。左右対称の構図や、被写体をぼかしたり暗くしたりして文字用の背景を作った場合は、中央揃えが向いています。
オンライン画像エディターでは、キャンバス上の好きな場所に文字をドラッグできるので、事前に悩まず、実際に見ながら試せます。
写真に透かしを入れる
透かしは、画像に文字を入れるもっとも実用的な理由のひとつで、オリジナルの写真や作品をオンラインで公開する人なら誰にでも役立ちます。手順は簡単ですが、細部が重要です。透かしは、画像を邪魔しない程度に目に留まり、かつトリミングすると写真の大事な部分まで失うような位置に入れるのがポイントです。
効果的なのは、作者名やサイトのURLを読みやすいフォントで、透明度40〜60%程度にして入れる方法です。読めて、なおかつ目立ちすぎません。画像の中央に斜めに入れると、もっとも保護効果は高まりますが、見た目は損なわれます。多くの場合は、ほどよい不透明度で隅に入れるのがバランスのよい方法です。
掲示板やフリマ、SNSなど、作品がクレジットなしで転載されるおそれのある場所で共有するなら、公開前に透かしを入れておくほうが、後から所有を証明するよりずっと簡単です。画像エディターで透かしの文字を追加し、不透明度を調整して隅に配置し、そのまま公開して共有用URLを取得するまで、ひと続きで行えます。
サムネイルやSNS用のタイトル文字を作る
タイトル文字は、写真に文字を入れる作業がただの実用ではなく、デザインになる場面です。魅力的なタイトルを入れたYouTubeサムネイルや、記事の見出しを入れたブログのアイキャッチは、混み合った画面の小さなサイズでも、はっきり伝わって目を引く必要があります。
効果的なサムネイルの文字は短く、できれば3〜5語程度にし、画像が幅120ピクセルで表示されてもはっきり読める太さのフォントを使います。ここではコントラストが重要です。背景のどの部分が文字の後ろに来るかをコントロールできないときは、文字の後ろに半透明の暗い長方形を敷く方法がよく使われ、確実です。
SNS用画像の文字スタイル
SNSごとに、画像上の文字には異なる傾向があります。Instagramは、余白を生かしたシンプルな文字と、ライフスタイル系の写真背景が好まれます。TwitterやLinkedInは、文字そのものが主なメッセージを担う、より直接的で情報重視の画像が多めです。Facebookのイベント画像や宣伝画像は、大きく太い文字と強い色のコントラストが多く使われます。
どのプラットフォーム向けでも原則は同じです。エディター上で見栄えがよいだけでなく、実際に表示されるサイズで読めることが大切です。仕上げる前に、ブラウザを縮小するか、書き出した画像を小さく表示して確認しましょう。無料の画像エディターを開いて写真をアップロードし、思っているより大きめの文字サイズで試してみてください。エディターで大きすぎるように見える文字が、完成した画像ではちょうどよいことが多いです。
写真に文字を入れる手順
ブラウザ上のツールで写真に文字を入れる手順は簡単です。画像エディターを開き、「画像を選択」ボタンから編集したい写真をアップロードします。写真がエディターに表示されたら、ツールバーからテキストツールを選びます。画像上の好きな場所をクリックしてテキストボックスを置き、キャプション、透かし、タイトルなどを入力します。
その後、文字の横に表示されるコントロールで、フォント、サイズ、色、不透明度を調整できます。テキストボックスをドラッグすれば、画像上の好きな場所に動かせます。配置とスタイルが決まったら、端末にそのままダウンロードするか、「公開」をクリックしてアップロードし、直接共有できるURL、埋め込みコード、BBコードを取得できます。掲示板の投稿やブログ記事、商品ページにすぐ使いたいときに便利で、余計な手順はありません。