Canvaで文字を縁取りするには、テキスト選択→エフェクト→袋文字の3ステップで完了します。袋文字機能は無料プランでも利用でき、色・太さを自由に調整できます。この記事では基本操作から用途別の設定例、よくある失敗の解決策まで解説します。
▶ 3日で初案件PR
この記事でわかること
縁取り設定が3ステップ・3分で完成する具体的な手順がわかります。袋文字とスプライスの使い分け基準と、用途別の推奨数値がわかります。エフェクトが見つからないときの原因と、1分で解決する対処法がわかります。
30秒診断全2問・あなたに合う働き方のタイプが分かります
Q1. 今のデザインの仕事で、一番近い悩みは？
この記事の結論
Canvaの文字縁取りは、テキストを選択してエフェクトから袋文字を選ぶだけで完成します。縁取りの色・太さは選択後すぐに変更でき、無料プランでも全機能を使えます。背景に溶け込みやすいサムネイルや営業資料で視認性を高めたいフリーランスにとって、最短3分で実装できる即戦力のスキルです。
今日やるべき1つ
Canvaを開き、任意のテキストを選択してエフェクト→袋文字を選び、縁取り色を白・太さを20〜30に設定する（3分）。
状況別ショートカット
| 状況 | 読むべきセクション | 所要時間 |
| 基本手順をゼロから知りたい | Canva文字縁取りは3ステップで完成 | 3分 |
| 袋文字とスプライスの違いを知りたい | 袋文字とスプライスは用途で使い分け | 2分 |
| エフェクトが見つからず困っている | Canva縁取りできない原因は3パターン | 2分 |
| 用途別の設定値を知りたい | Canva縁取りの効果は用途別設定で最大化 | 5分 |
| 応用表現・二重縁取りを作りたい | Canva縁取りの応用は2手法で実現 | 3分 |
Canva文字縁取りは3ステップで完成
テキスト選択からエフェクトを開く
Canvaの編集画面でテキストボックスをクリックして選択します。選択すると画面上部のツールバーに各種編集メニューが表示されます。その中にある「エフェクト」をクリックすると、文字装飾の選択画面が開きます。スマートフォン版の場合は、下部に表示されるツールバーを左右にスライドすると「エフェクト」が現れます（Canva公式｜文字の縁取りでデザインを無料で作成）。なお、画面サイズや利用プランによって、エフェクトが「…（3点メニュー）」の中に格納されている場合もあります。その際は3点メニューの中を確認してください。
テキストを選択せずにエフェクトを開こうとしても、縁取り設定は表示されません。「テキストを先に選択する」という順番を守るだけで、多くのトラブルを防げます。
袋文字を選んで縁取りを適用する
エフェクト画面には複数の装飾オプションが並んでいます。その中から「袋文字」を選択します。選んだ瞬間に縁取りがテキストに適用され、プレビューで即確認できます。設定パネルには「色」と「太さ」のスライダーが表示されるため、そのまま調整に進めます。適用後も文字の編集（文章の変更・フォント変更）は問題なく行えます。
縁取りの色と太さを調整する
色の変更はパネル内の色アイコンをクリックし、カラーピッカーから選びます。白い背景には黒縁（#000000）、暗い背景や写真の上には白縁（#FFFFFF）が最も視認性を確保しやすい組み合わせです。太さはスライダーで調整し、20〜30が標準的な使用感です。文字サイズが小さい場合は太さを10〜15に抑えないと文字がつぶれます（saruwakakun.com｜Canva袋文字の装飾）。太さを変えるたびにプレビューがリアルタイム更新されるので、実際の見え方を確認しながら微調整できます。
なお、Canvaで画像に文字入れを行う場合も、この縁取り機能を組み合わせることで視認性を大幅に高められます。
CHECK
▶ 今すぐやること: Canvaで任意のテキストを選択し、エフェクト→袋文字を開いて色を白・太さを20に設定する（3分）
Q: 袋文字機能は無料プランでも使えますか？
A： はい、袋文字は無料プランでも利用できます。有料プラン限定の機能ではないため、アカウントを作成するだけで使えます。
Q： テキストを選択しているのにエフェクトが表示されません。
A: 画面上部にない場合は、3点メニュー（…）またはスマートフォン版では下部ツールバーをスワイプして確認してください。それでも見つからない場合は後述の「Canva縁取りできない原因は3パターン」を参照してください。
袋文字とスプライスは用途で使い分け
袋文字は文字色そのままで縁を追加する
袋文字を選ぶと、元の文字色を維持したまま外側に縁取りだけが追加されます。操作が最もシンプルで、設定項目が「色」と「太さ」のみです。フリーランスが日常的に使うサムネイルや投稿画像など、すばやく縁取りを付けたい場面に向いています。一方、文字本体の色と縁取り色を別々に細かく管理したい場合には物足りなさを感じることがあります。
スプライスは文字色と縁取り色を別々に設定できる
スプライスはエフェクト画面の「テキスト」グループに含まれており、選択後にオフセットと太さのスライダーが表示されます。縁取りとして使うにはオフセットを0に設定します。オフセットを0にした状態で太さを調整すると、袋文字と同様の見た目になります。スプライスの最大の特徴は、文字色と縁取り色をそれぞれ独立して変更できる点です（japan-design.jp｜Canvaで文字を縁取りする方法）。「青い文字に白い縁取り」のような組み合わせを正確に作りたい場合はスプライスが適しています。
用途別の使い分け基準
速さを優先するなら袋文字、色の組み合わせを厳密に制御するならスプライスという基準で選ぶと判断が楽になります。初めてCanvaで縁取りを試す場合は袋文字から始め、デザインに慣れてきた段階でスプライスを試す順序が効率的です。どちらも無料プランで利用できるため、両方を試して自分の作業スタイルに合う方を選んでください（shimautablog.com｜Canva文字を縁取りする方法）。
Canvaを使った動画テロップの自動生成でも、縁取りを活用することで文字の可読性を向上させられます。
CHECK
▶ 今すぐやること: 同じテキストに袋文字とスプライス（オフセット0）を交互に適用し、見た目の違いを自分の目で確認する（5分）
Q: スプライスのオフセットを0以外にするとどうなりますか？
A： オフセットを上げると縁取りが文字の上下左右にずれて影のような表現になります。縁取りとして使いたい場合は必ずオフセット0を維持してください。
Q： 袋文字とスプライス以外にも縁取り風にできる方法はありますか？
A： はい、「影」エフェクトのオフセットを0・ぼかしを0・透明度を100%に設定する方法と、テキストを複製して背面に配置し色を変える方法があります。詳細は後述の応用セクションで解説します。
Canva縁取りできない原因は3パターン
テキスト未選択が最多の原因
エフェクトボタンはクリックできても、テキストが選択されていない状態では縁取りの設定パネルが現れません。他の要素（図形・画像）を誤って選択している場合も同様です。テキストボックスをダブルクリックではなくシングルクリックで選択すると、ツールバーにテキスト専用の編集メニューが表示されます。ダブルクリックすると文字入力モードになり、エフェクトボタンが消える場合があります。シングルクリックでの選択を徹底してください。
スマートフォン版ではエフェクトの場所が異なる
スマートフォン版Canvaでは、下部ツールバーに「テキスト」「スタイル」「エフェクト」のタブが横並びになっています。初期表示では「テキスト」タブが開いているため、「エフェクト」が見えない状態です。左右にスワイプするか、「エフェクト」タブを明示的にタップすることで表示されます。パソコン版と同じ機能が使えますが、画面レイアウトが異なるためパソコンで慣れた操作がそのまま使えない場面があります。
Canvaのアップデートで表示位置が変わる場合がある
Canvaは定期的に画面のUIを更新しており、エフェクトの表示位置や名称が変更になることがあります。この記事の情報は2025年時点のものです。お使いの画面と異なる場合はCanva公式ヘルプでその時点の最新情報を確認してください。バージョン更新後は一時的に操作が変わることがあるため、見つからないときは公式を参照する習慣が役立ちます。
Canvaの初心者向け使い方では、エフェクト以外の基本機能についても詳しく解説しています。
CHECK
▶ 今すぐやること: テキストをシングルクリックで選択し直してエフェクトが表示されるか確認する（1分）
Q: エフェクトを選んでも縁取りが画面に反映されません。
A: ブラウザのキャッシュが原因の場合があります。ページを再読み込み、またはCanvaからサインアウト→サインインし直してから再試行してください。
Q： スマートフォンで操作するとパソコンと見た目が変わりますか？
A： 完成したデザインのビジュアルは同じですが、操作画面のレイアウトが異なります。スマートフォンでは下部ツールバーのスワイプでエフェクトにアクセスします。
デザインの仕事で単価を上げたい方へ
Webデザインの学び方をLINEで受け取る
LINEで無料で届くもの
- 20本Webデザインの無料レッスン
- 全工程Photoshopの解説動画
- 4本限定のPDF・動画
登録1分・情報収集だけでもOK・セミナー参加は自由
タップするとLINEの友だち追加画面が開きます
LINE登録のよくある質問
- お金はかかりますか？
- LINEの登録と、届くレッスン・動画・PDFは無料です。
- どんな連絡が来ますか？
- レッスンや動画のほか、無料セミナーの案内が届きます。参加するかは自由です。
- やめたいときは？
- LINEでブロックすれば、それ以上は届きません。
PR提供: 日本デザインスクール（デザスク）
Canva縁取りの効果は用途別設定で最大化
以下の7項目を確認することで、縁取りの設定ミスを防げます。
テキストをシングルクリックで選択できているか確認してください。袋文字またはスプライスがエフェクト一覧に表示されているかも確認が必要です。縁取り色が背景色と十分なコントラストを持っているか（白背景には黒縁、暗い背景には白縁）という点も見落としがちです。文字サイズが24pt以上ある場合は太さ20〜30が目安です。文字サイズが24pt未満の場合は太さ10〜15以下に抑えてください。縁取りは見出しや強調したい1〜2語に限定しているか確認してください。スプライスを使う場合はオフセットが0になっているかも確認してください。これら7項目をすべてクリアしていれば、多くの用途で視認性の高い縁取りが完成します。
YouTubeサムネイルの設定基準
YouTubeのサムネイルは1280×720pxで作成するケースが標準的です。サムネイル上のテキストは離れた位置から見られるため、文字サイズを60pt以上に設定し、縁取りの太さは25〜35を目安にすると視認性が確保できます。背景が写真の場合、白文字＋黒縁の組み合わせがどの背景でも読みやすいとされています。縁取りを付ける文字は2〜4語程度のキャッチコピーに限定し、本文テキストには縁取りを使わない設計にすると情報の優先順位が明確になります。
SNS投稿・ストーリーズの設定基準
InstagramストーリーズやX（旧Twitter）の投稿画像は縦長または正方形フォーマットが多く、スマートフォン画面での視認性が重要です。文字サイズ40〜50pt、縁取り太さ15〜20が使いやすい範囲です。ブランドカラーを文字色に使いつつ縁取りを白にすることで、ブランドの色味を保ちながら読みやすさを確保できます（remolabo.co.jp｜Canvaで文字を縁取りする4つの方法）。
画像フリーアイコンをSNS投稿に組み合わせる際も、アイコン周辺のテキストに縁取りを加えることで視認性を一段高められます。
営業資料・提案書での使用基準
営業資料で縁取りを使う場面は限られます。背景画像を使ったスライドのタイトル部分のみに適用し、本文スライドでは縁取りを使わないのが基本です。太さは10〜20程度に抑えてビジネス文書として落ち着いた印象を保つことが求められます。縁取りを多用すると資料全体がチラシのような印象になり、信頼感が下がります。見出し1か所・強調語句1か所の計2か所以内に制限するのが安全な判断基準です。
CHECK
▶ 今すぐやること: 現在作成中のデザインを開き、縁取りを使っている文字が全体の見出し・強調語句のみになっているか確認する（2分）
Q: 縁取りを付けると文字が読みにくくなるのはなぜですか？
A： 縁取りが太すぎるか、縁取り色と文字色のコントラストが不足しているケースがほとんどです。太さを下げて、縁取り色を背景の補色方向に調整してください。
Q： 縁取りを使ってはいけない場面はありますか？
A： 本文テキストが多い資料・レポートへの縁取りは読みにくさを生むため避けてください。縁取りは視線を集める機能なので、すべての文字に適用すると逆効果です。
Canva文字縁取りは5つの技で完成度アップ
ハック1: 袋文字＋縁取り色を文字色の補色に設定して視認性を高める
【対象】: 写真背景の上に文字を置くサムネイル・バナーを作成しているフリーランス
【手順】: テキストを選択しエフェクト→袋文字を開きます（30秒）。次に文字色を確認し、その補色をカラーピッカーで設定します（例：青文字→オレンジ縁、黄文字→紫縁）（1分）。最後に太さを20〜30の間で設定し、プレビューで文字が埋もれていないことを確認します（30秒）。
【コツと理由】: 文字色の補色を縁取りに使うと視覚的なコントラストが高まり、印象に残るデザインになります。補色とは色相環で正反対に位置する色のことで、人間の視覚は補色の組み合わせを強いコントラストとして認識します。白・黒縁では背景色によって埋もれる場合がありますが、補色縁取りは背景色に関係なく文字を際立たせる効果があります。ただし補色の組み合わせは配色が派手になるため、1デザインにつき1か所の強調ポイントに限定することが前提です。
【注意点】: 補色縁取りはすべての文字に使う必要はありません。1枚のデザインで縁取りを使う文字は最大2か所に限定してください。全文字に適用するのは逆効果です。
ハック2: スプライスのオフセット0設定で文字色×縁取り色を完全コントロールする
【対象】: ブランドカラーを文字に使いつつ縁取り色も指定したいフリーランス
【手順】: テキストを選択しエフェクト→スプライスを開きます（30秒）。オフセットのスライダーを0にドラッグします（30秒）。太さを調整し、文字色と縁取り色をそれぞれのカラーピッカーで変更します（1分）。
【コツと理由】: 袋文字だけで縁取りを設定する方法では、文字色と縁取り色を完全に独立して制御できません。スプライス＋オフセット0を採用することで、文字色と縁取り色の2色を別々のカラーコードで指定できます。これはブランドカラーガイドラインがある場合に特に重要で、「青(#1A3F8B)の文字に白(#FFFFFF)の縁取り」のような厳密な色指定が可能になります。スプライスのオフセットを0以外にすると縁取りではなく影に近い表現になるため、縁取り目的では必ずオフセット0を維持することが条件です。
【注意点】: スプライスを選んだ後にオフセットの確認を省略しないでください。デフォルト値によってオフセットが0でない場合、縁取りではなくずれた影が付いた状態になります。
ハック3: 影エフェクト4項目設定で袋文字なしでも縁取り風を実現する
【対象】: 袋文字/スプライスでは出ない柔らかい縁取り表現を求めているフリーランス
【手順】: テキストを選択しエフェクト→影を開きます（30秒）。オフセットを0、ぼかしを0、透明度を100%に設定します（1分）。影の色を縁取りに使いたい色に変更し、太さを調整します（1分）。
【コツと理由】: 「影のオフセット0・ぼかし0」の設定が袋文字より自然な輪郭表現を生む場合があります。袋文字は縁取りが均一の太さになりますが、影エフェクトを使うと微妙なぼかし量の調整で輪郭に柔らかさを加えられます。手描き風・ナチュラル系のデザインテイストを求める場合に有効な手法です。完全なシャープな縁取りが必要な場面ではぼかしを0に固定し、柔らかさを出したい場合はぼかしを1〜5に調整すると自然な輪郭になります。
【注意点】: 影エフェクトでの縁取り風設定では、ぼかしが5を超えると縁取りに見えなくなりグロー（発光）効果に近くなります。縁取りとして使う場合はぼかし0〜3に限定してください。
ハック4: テキスト複製＋背面配置でCanvaの制約外から縁取りを作る
【対象】: エフェクトが使えない環境や、縁取り太さの限界値を超えた太い縁取りを必要とするフリーランス
【手順】: 元のテキストを複製します（Ctrl+DまたはCommand+D）（30秒）。複製したテキストを元テキストの背面に配置し（レイヤーパネルで「後ろへ」を選択）、縁取りに使いたい色に文字色を変更します（1分）。複製テキストの文字サイズを元テキストより2〜4pt大きくすることで、縁取りとして機能させます（1分）。
【コツと理由】: 袋文字・スプライスのスライダーで調整できる太さには上限があります。テキスト複製で背面に配置する手法は、特に太い縁取りや特殊な縁取りに適しています。この方法ではCanvaのエフェクト機能の制約を受けないため、任意の太さと色の縁取りを自由に設計できます。ただしテキスト内容を変更した際に複製側も手動で更新する必要があるため、内容が確定してから適用することを推奨します。
【注意点】: テキスト複製方式は内容変更のたびに2か所を更新する手間が発生します。テキストが確定していない段階でこの方法を使うのは避けてください。内容を固めてからの適用が効率的です。
ハック5: 縁取り文字は全体の20%以下に制限してデザインの統一感を維持する
【対象】: 縁取りを使いすぎてデザインが散漫になっていると感じているフリーランス
【手順】: 作成中のデザインに含まれる全テキスト要素を確認します（30秒）。縁取りを適用しているテキスト数を全テキスト数で割り、20%を超えていたら超過分の縁取りを削除します（2分）。縁取りを残す対象を「最も伝えたい1〜2語のみ」に絞り込み、そこへの視線誘導効果を確認します（1分）。
【コツと理由】: 縁取りは視線を強制的に集める機能を持つため、多用すると全体の情報優先順位が均一化されます。重要度の差がなくなることで読み手がどこから読めばよいか迷い、伝えたいメッセージが届きにくくなります。縁取りを全テキストの20%以下に限定することで、残した1〜2か所が強調点として機能します。
【注意点】: 縁取りを削除した後に文字色と背景色のコントラストが不足していると感じる場合は、縁取りを復活させるのではなく文字色または背景色を変更して対応してください。縁取りは最終手段として位置づけることが重要です。
CHECK
▶ 今すぐやること: 現在作成中のデザインを開き、縁取りを付けた文字数÷全文字数を計算し20%を超えている場合は超過分の縁取りを外す（3分）
Q: ハック4のテキスト複製は、テキストを変更したら両方を更新する必要がありますか？
A： はい、テキスト内容と文字サイズ・フォントを元テキストと複製テキストで同一に保つ必要があります。内容確定後に適用することを推奨します。
Canva縁取りの応用は2手法で実現
二重縁取りはテキスト複製を2段階で実現する
二重縁取りはCanvaの単一エフェクトでは作れませんが、テキスト複製を2回行うことで実現できます。まず元テキストを1回複製し、背面に配置して1つ目の縁取り色に変更します。次にその複製テキストをさらに複製し、より後ろに配置して2つ目の縁取り色に変更します。それぞれのテキストのフォントサイズを「元テキスト < 1つ目の複製 < 2つ目の複製」の順で2〜4ptずつ大きくすることで、二重の縁取りが完成します（positive-no-tane.com｜太い縁取り・二重縁取りの解説）。テキスト内容を変更する際は3つすべてを更新する必要があるため、この手法もテキスト確定後に適用することを推奨します。
グロー効果はテキスト画像化後にエフェクトで適用する
Canvaには「グロー」というエフェクトがありますが、テキストを画像として扱うことでより細かい設定ができます。テキストを選択し、Canvaの「要素としてダウンロード」機能で画像化した後、その画像ファイルを再度Canvaにアップロードします。アップロードした画像テキストに対してエフェクト→グローを適用すると、文字の周囲に光が広がるような縁取り効果が得られます（blogdesign-recipe.com｜文字エフェクトの解説）。グローは柔らかな発光表現であるため、ゲーム系・エンタメ系・夜景写真を使ったデザインに特に合います。一度画像化するとテキストの編集ができなくなるため、内容を完全に確定した後に実行してください。
新年イラストや季節素材と組み合わせて縁取り文字を使うことで、より印象的なデザインが仕上がります。
CHECK
▶ 今すぐやること: テキストを複製してフォントサイズを2pt大きくし、背面に配置して別の色に変更することで二重縁取りを試作する（5分）
Q: 二重縁取りを作る最も簡単な方法は何ですか？
A： テキストを2回複製し、それぞれを背面に配置してサイズを2〜4ptずつ大きくする方法が最も確実です。エフェクトの組み合わせでは実現が難しいため、複製手法を使ってください。
Q： グロー効果はテキストを画像化しないと使えませんか？
A： 直接テキストにエフェクト→グローを適用することも可能な場合があります。ただし細かいパラメータ調整は画像化後の方が自由度が高くなります。
Canva縁取りを使いこなす：3分で始めて完成度を高める5つのポイント
伝えたいメッセージを1か所に絞って縁取りを加える方が、読み手への印象は強くなります。今日試した設定を自分のテンプレートとして保存しておくと、次回から3分でデザインが完成します。
| 状況 | 次の一歩 | 所要時間 |
| 初めて縁取りを使う | 袋文字を選んで太さ20・色を白に設定する | 3分 |
| 色指定が厳密に必要 | スプライス+オフセット0で2色を個別設定する | 5分 |
| 二重縁取りを作りたい | テキストを2回複製してサイズを2〜4ptずつ増やす | 5分 |
| デザインが散漫に見える | 縁取り文字を全体の20%以下に削減する | 3分 |
| エフェクトが見つからない | テキストをシングルクリックで選択し直す | 1分 |
※本記事で紹介した情報は2025年時点のものです。
Canva文字縁取りに関するよくある質問
Q: Canvaで文字を縁取りする方法を最短で教えてください。
A: テキストを選択→上部ツールバーの「エフェクト」をクリック→「袋文字」を選択→色と太さを調整する、の4操作で完了します。慣れると1分以内で設定できます。
Q： 袋文字は無料プランで使えますか？
A： はい、袋文字は無料プランで利用できます（Canva公式｜文字の縁取りでデザインを無料で作成）。有料プラン限定の制限はありません。
Q： 縁取りを太くすると文字がつぶれます。対処法を教えてください。
A: 文字サイズが小さい場合（24pt未満）に縁取りを太くすると文字の内側まで縁が侵食されます。文字サイズを大きくするか、縁取りの太さを10〜15以下に下げて対応してください。
Q： 白文字に黒い縁取りを付ける設定方法を教えてください。
A: テキストの文字色を白（#FFFFFF）に設定後、エフェクト→袋文字を選び、縁取り色を黒（#000000）に変更します。太さは背景の複雑さに応じて20〜35の範囲で調整してください。
Q： スマートフォン版のCanvaで縁取りはできますか？
A： できます。テキストを選択後、画面下部のツールバーをスワイプして「エフェクト」タブを表示し、袋文字を選択してください。パソコン版と同じ機能が使えます。
【出典・参照元】
japan-design.jp｜Canvaで文字を縁取りする方法
remolabo.co.jp｜Canvaで文字を縁取りする4つの方法
shimautablog.com｜Canva文字を縁取りする方法