CanvaでPDFがずれる時の設定見直しと対処法まとめ解説
Canvaでデザインを作って、いざPDFにしたら文字や画像の位置が微妙にずれてしまって「え、なんで?」と固まったことはありませんか。
CanvaのPDFで文字がずれる、PDFにした途端レイアウトが崩れる、印刷したら配置がずれる、といった相談を本当にたくさん受けます。
検索画面を見ると、CanvaのPDFが印刷でずれる原因やPDFダウンロードで文字がずれるときの直し方、PDF読み込み後に配置がずれるケース、さらにCanvaの動画でテキストがずれる悩みまで、気になっているポイントはかなり共通しています。
スマホで見たときだけレイアウトがずれる、なんてパターンもありますよね。
この記事では、そういったCanvaのPDFがずれる現象の原因と、実際に私が検証してきた対処パターンを整理してお伝えします。
読み終わるころには「どの設定をチェックすれば、どこまで安定して印刷や共有ができるか」がかなりクリアになるはずなので、一緒に整理していきましょう。
- CanvaのPDFで文字やレイアウトがずれる主な原因
- PDFダウンロードや読み込み時にずれを減らす具体的な設定
- 動画やスマホ表示でテキストがずれるときのチェックポイント
- 印刷入稿前にやっておきたい最終確認とトラブル回避のコツ
CanvaでPDFがずれる原因と基本

まずは、なぜCanvaで作ったデザインをPDF化すると文字や画像がずれて見えるのか、根っこにある仕組みから整理します。
ここがふわっとしたままだと、毎回のトラブルが「運しだい」になりがちです。
逆に、原因のパターンさえつかんでしまえば、「この症状なら、まずここからチェックしよう」と落ち着いて対応できるようになりますよ。
印刷すると文字がずれる原因
印刷したときに文字がずれる原因は、大きく分けるとフォントまわりとテキストボックスまわりの2つです。
この2つが組み合わさると、画面ではピタッと揃っていたのに、紙に出した瞬間「なんか左に寄ってる」「1行だけ落ちてる」といった違和感になって出てきます。
1つ目は、フォントの埋め込みや置き換えの問題です。Canvaで使えるフォントの中には、PDFにしたときにうまく埋め込まれず、印刷側の環境にある別フォントに置き換わってしまうものがあります。
そうなると、同じ文字列でも字幅や行間が微妙に変わってしまい、結果として改行位置や行の折り返しがズレます。
特に、装飾が強いフォント・海外製フォント・手書き風フォントは、この影響を受けやすい印象です。
2つ目は、テキストボックスのサイズと余白の問題です。
編集画面ではギリギリ収まっているように見えても、PDF化のタイミングで内部的な再計算がかかり、1文字だけ次の行に送られる、といった微妙な調整が入ることがあります。
ボックスの高さにほとんど余裕がないと、その1文字の移動だけで行全体が押し出され、文字がはみ出したり、行間だけ妙に広がったりするわけですね。
さらに、行間設定や文字間隔のカスタムも影響します。
行間を極端に詰めていると、フォントがわずかに変わっただけで上下の行が重なり、印刷時に読みにくくなりますし、逆に広げすぎていると、1ページに収まる行数が変わり、ページ跨ぎでのレイアウト崩れにつながります。
よくある症状のチェックリスト
印刷時の文字がずれるトラブルが起きたときは、まず次のポイントをざっとチェックしてみてください。
- 見出しのフォントだけやたら大きく/小さく見える
- 箇条書きの2行目以降だけインデントがずれている
- 改行位置が編集画面と違い、1文字だけ次の行に落ちている
- テキストボックスの一番下の行だけ切れている、または隠れている
これらが当てはまる場合、まず疑うべきはフォントとボックスサイズです。
印刷向けの無難なフォント(ゴシック体や明朝体など)に統一したうえで、テキストボックスの上下左右に少し余裕を持たせて調整すると、かなり落ち着いてくるはずです。
フォント選びとボックス設計のコツ
実務的には、次のようなルールを決めておくと、文字ずれトラブルをぐっと減らせます。
- 本文用フォントは2種類までに絞る(見出し用+本文用)
- 見出しと本文で別フォントを使う場合も、系統は揃える(例:両方ゴシック系)
- テキストボックスの上下に最低1行分の余白をつけるイメージで高さを確保する
- 段落ごとにボックスを分けず、「まとまり単位」でボックスを使う
印刷時の文字ずれと原因の対応表
| 症状 | 考えられる原因 | 優先チェック項目 |
|---|---|---|
| 1文字だけ次の行に落ちる | フォント置き換え/字幅の変化 | フォントの種類/テキストボックスの幅 |
| ボックス最下行だけ切れる | ボックス高さに余裕がない | ボックスの高さと行間設定 |
| 箇条書きの位置がバラバラ | インデント設定とフォントの組み合わせ | 段落設定/フォント統一 |
| 印刷すると行間が詰まりすぎる | 行間のカスタム設定がシビア | 行間値を「1.15〜1.5」程度に見直す |
「どこが原因か分からない…」となったときは、この表を見ながら一つずつ潰していくイメージで調整してみてください。
文字がずれる問題を減らすには、印刷向けに安定しやすいフォント選びと、テキストボックスの余白設計の2点を押さえるのが近道です。

ここを整えておくだけで、後工程のトラブルがかなり減りますよ。
ダウンロードでずれる時の確認

Canva上ではきれいに見えているのに、PDFをダウンロードすると行や画像がずれる、というケースもよくあります。
ここでポイントになるのは、「編集画面」と「書き出し時」で実は条件が違う、という点です。
ダウンロードでずれる現象は、書き出し処理の途中で何かしらの再計算や変換が走っているサインだと考えてください。
最初に確認してほしいのは、ブラウザやアプリの状態です。
ブラウザの拡張機能がCanvaの表示に干渉していたり、古いキャッシュが残っていたりすると、「画面上の見た目」と「実際にサーバ側に保存されているレイアウト」に差が出てしまうことがあります。
Chromeだけでおかしい場合は、EdgeやFirefoxで同じデザインを開いてダウンロードしてみると、あっさり解決することもあります。
次に、ズーム設定も見直してみましょう。
編集時に200%や33%など、極端な倍率で作業していると、スナップやガイドへの吸着が想定どおりに効かず、ピクセル単位の微妙なズレが蓄積しがちです。
一度ズームを100%に戻し、ガイド線やグリッドを表示した状態で見出しや画像の位置を整え直すと、PDF側でも揃いやすくなります。
テキストが動いている場合は、テキストボックスを一度大きめに広げてから、改めて狙った位置まで縮め直すのがおすすめです。
この操作で内部的な改行計算がリセットされ、PDFでも同じ位置で改行されやすくなります。
さらに、段落ごとに別ボックスに分けてしまうと、ボックス同士の相対位置がズレたときにレイアウト崩れが大きくなるので、「まとまり単位でひとつのボックス」にしておくと安定します。
それでもダウンロードがずれる現象が続く場合は、ファイル形式とオプション設定も疑っていきます。
標準PDFと印刷用PDFで挙動が変わることもありますし、後述するPDFのフラット化オプションをONにすると安定するケース、逆にOFFのほうがきれいなケースもあります。
一度にすべてを変えず、「ブラウザ → ズーム → テキストボックス → PDF設定」の順で、どこで挙動が変わるかを切り分けていくと原因にたどり着きやすいですよ。
ダウンロード時のずれは、複数の要因が少しずつ積み重なって起きることも多いです。

「これだけ直しても意味ないかな」と思うような細かい調整も、いくつか組み合わせると体感がガラッと変わるので、焦らず一つずつ試していきましょう。
PDFの読み込みで配置が崩れる
一度作ったPDFをCanvaに読み込んだときに、ページ全体のレイアウトが崩れるケースもあります。
これは「Canvaで作ったPDFを戻したとき」だけでなく、Wordや他ソフトで作ったPDFをインポートしたときにもよく起こるパターンです。
正直なところ、完璧な再現を期待しすぎるとしんどくなる領域でもあります。
CanvaのPDFインポート機能は、PDFの中身をできるだけ「編集可能なテキストや画像」に分解し直す仕組みです。
ところが、元のPDFで使われているフォントや行間の情報が、Canva側にそのまま存在するとは限りません。
その結果、似たフォントに置き換えたり、行間や段落の余白を再計算したりする必要が出てきて、数ミリ単位のズレがどうしても発生します。
縦書きレイアウトや新聞風の段組みなどは、特に崩れやすいですね。
また、元PDFが「画像として埋め込まれたテキスト」で作られている場合、Canva側ではそれを1枚の画像として扱うしかありません。
このときは、文字を編集すること自体ができないので、割り切って「背景として敷く」「上から新しいテキストを重ねる」といった使い方に切り替えたほうが現実的です。
PDFを読み込む前に意識したいこと
PDF 読み込みで配置が崩れるのを前提として、事前に次のような心構えを持っておくと、作業のストレスがかなり変わります。
- 「完全に元どおりに戻す」のではなく、「編集しやすいベースをもらう」イメージで使う
- 表や罫線など、崩れやすい部分はあらかじめ「再作成する前提」で時間を見積もる
- 重要なページだけを抜き出して読み込み、そこだけ手厚く調整する
- 縦書きが多い、または縦横が混在している
- 複雑な罫線や表組みがページ全体に敷き詰められている
- 画像とテキストが細かく重なり合っている
- 独自フォントや特殊記号を多用している
こうしたPDFは、Canva上では「テンプレートのたたき台」と割り切って使うほうが現実的です。
細かい数値や文言が重要な資料の場合は、元データを確認しながら慎重に修正していきましょう。
PDFの読み込みで配置が崩れたときは、「どう直そう」ではなく、「どの部分だけ直せば目的は達成できるか」を考えるのがコツです。

全部を完璧に直そうとすると沼にはまりやすいので、優先度の高い要素から順に整えていくと、時間も気力も温存できます。
CanvaでのPDFアップロード時の注意

CanvaにPDFをアップロードして編集する場合は、事前の準備と期待値コントロールがとても大事です。
「アップロードした瞬間、完璧なCanvaデザインに変わる」という魔法ではなく、「ある程度分解された素材をもらえる機能」と捉えてもらうとちょうどいいかなと思います。
まず意識しておきたいのが、ファイルサイズとページ数の上限です。
PDFの容量が大きかったり、ページ数が多すぎたりすると、インポートが途中で止まる・一部のページだけ画像として取り込まれる・レイアウトが極端に崩れる、といったことが起こりやすくなります。
長大な資料を扱うときは、章ごとにPDFを分割してアップロードするほうが結果的に安定します。
次に、フォントの互換性です。
Canva PDF アップロード後は、Canva側に存在しないフォントが似た書体に置き換えられますが、その時点で字幅や太さ、印象がガラッと変わります。
重要な資料であれば、アップロード後に見出し用フォントと本文用フォントをあらためて決め直し、全ページで統一する作業を最初にやってしまったほうが効率的です。
また、図やアイコンが「バラバラのオブジェクト」として取り込まれることもあります。
そのまま編集すると位置がズレやすいので、必要に応じてグループ化しておくと安心です。
逆に、細かすぎるパーツは思い切って削除し、Canvaの素材に差し替えたほうが見た目も作業効率も良くなることが多いですよ。

PDFをそのまま「完全再現」する用途には向かないという前提を持っておきましょう。
PDF編集前に確認したい設定
Canva上でPDF化したり、読み込んだPDFを編集したりする前に、最低限チェックしておきたい設定をまとめておきます。
ここを押さえておくと、「あとから全部やり直し…」という悲しいパターンをかなり減らせます。
まず確認したいのは、出力形式の選び方です。
CanvaにはPDF標準とPDF印刷用の二種類があり、解像度や用途が異なります。
ざっくり言うと、画面共有や軽い配布ならPDF標準、印刷前提ならPDF印刷用と覚えておくとシンプルです。
印刷用を選ぶと、解像度が高くなり、塗り足しやトリムマーク(トンボ)も設定しやすくなります。
次に、カラーモードやページ範囲の指定です。
色にこだわるチラシやポスターの場合、RGBとCMYKで見え方が変わることがあります。
Canva ProではPDF印刷用でCMYKを選べるので、本格的な印刷物では検討する価値があります。
いずれにしても、正式な入稿前には一度テスト印刷をして、画面との色差を体感しておくと安心です。
また、テキストボックスや画像の整列状態も重要です。
ズームが極端に拡大・縮小されている状態で作業すると、微妙なズレに気づきにくくなります。
一度ズームを100%に戻し、ガイドやグリッドを表示したうえで、主要な見出し・段落・画像がきちんと揃っているかを見直しておきましょう。
- 目的に合ったPDF形式(標準/印刷用)になっているか
- 主要なフォントが印刷向けの無難な書体に統一されているか
- テキストボックスに十分な余白が取られているか
- 整列機能やガイドを使って、見出しや段落が揃っているか
- 塗り足しとトリムマークの設定が、印刷会社の指定どおりか
| 用途 | 推奨形式 | 一緒に確認したいポイント |
|---|---|---|
| オンライン配布・閲覧 | PDF標準 | ファイルサイズ/ページ範囲/リンクの動作 |
| 社内配布用資料(簡易印刷) | PDF標準またはPDF印刷用 | 文字サイズ/余白/モノクロ印刷時の見え方 |
| チラシ・ポスターなど本格印刷 | PDF印刷用 | 塗り足し/トンボ/カラーモード/解像度 |
PDF標準とPDF印刷用の違いについては、Canva公式ヘルプの説明も一度目を通しておくと安心です。(出典:Canva公式ヘルプ「Supported download file types」)
ここまでのチェックは、あくまで一般的な目安です。特定の印刷会社が「この形式で入稿してください」と明記している場合は、その指示を最優先にしてくださいね。

金額や納期にも関わる部分なので、迷ったときは印刷会社や社内のデザイン担当者に相談してもらうのが安全です。
CanvaでPDFがずれる問題の解決策

ここからは、具体的にどう設定を変えたり、作り方を工夫したりすれば、canva pdf ずれる問題を減らせるのかを見ていきます。
印刷物、動画、スマホサイト、それぞれでよくあるパターンに分けて整理していきますね。「
自分はどのパターンで困っているのか」をイメージしながら読み進めてもらえると、解決に直結しやすいと思います。
動画用テキストがずれる時の対処法
動画用デザインで、再生してみたらテキストだけタイミングや位置がずれて見える、という相談も少なくありません。
一見PDFとは別ジャンルの悩みに思えますが、「編集画面での表示」と「書き出し後の再生結果」で条件が違う、という意味ではかなり近い問題です。
まず確認したいのは、テキストとアニメーションの組み合わせです。
同じテキストボックスに対して複数のアニメーションを重ねていたり、異なるオブジェクトに同時に激しい動きを付けていたりすると、端末のスペックやブラウザの負荷によって再生タイミングがわずかにズレてきます。
特に、フェードイン・スライド・バウンスなどを欲張って組み合わせると、見た目は派手でも「読みにくい動画」になりがちです。
動画のテキストがずれる状態を整えるには、次のような手順で確認していくのがおすすめです。
- テキストのアニメーションを一度すべてOFFにして、静止状態で位置やサイズを調整する
- アニメーションは「1オブジェクトにつき1つまで」を基本ルールにする
- 重要なメッセージは、出現時間を長めに取り、読み終わるまで画面に残す
- 同じスライド内で動く要素を絞り、「動くもの・動かないもの」のメリハリをつける
そのうえで、Canvaのプレビューだけでなく、書き出したMP4をPC・スマホの両方で再生してみると、実際の視聴環境でどう見えるかがつかみやすくなります。
それでもずれが大きい場合は、テキストを画像として書き出してから動画に貼り込む、という手もあります。
これはPDFのフラット化と似た発想で、「文字をあえて画像化して動きを固定する」アプローチです。
動画のテキストは、どうしても「動かしたくなる」んですが、視聴者目線で見ると、動きよりも読みやすさのほうが圧倒的に大事です。
Canvaでの動画制作では、LINEスタンプ作成と同じように、まずはサイズ・余白・読みやすさを固めてから装飾を足していく流れがおすすめです。

テキストを使った細かい画像づくりの感覚をつかみたい場合は、CanvaでのLINEスタンプの作り方の記事も一緒に読んでみると、設計の考え方がつながってきますよ。
スマホで表示がずれる場合直し方

CanvaのWebサイト機能やLPテンプレートを使っていると、「PCだときれいなのに、スマホで見ると全体がずれて見える」というケースもよくあります。
ここで押さえておきたいのは、Canvaが自動的にモバイルレイアウトを組み直している点です。
PC用に作った配置を、そのまま縮小しているわけではないんですよね。
Canvaのヘルプでも、モバイル表示が崩れる原因として「素材をグループ化していない」「オブジェクト同士が重なりすぎている」ことが指摘されています。
スマホでずれるパターンの多くは、PC向けに細かく詰め込んだレイアウトが、そのまま縦長の画面に再配置されることで起きます。
つまり、「PCでギリギリまで詰めたデザインほど、スマホで崩れやすい」と考えておくと分かりやすいです。
具体的には、次のような作り方に切り替えると、スマホ表示が安定しやすくなります。
- 関連するテキストと図形・アイコンは、ひとまとまりでグループ化しておく
- オブジェクト同士の枠が重ならないように、余白をちゃんと確保する
- 「1ブロック=見出し+短い文章+ボタン」のように、縦方向のセットでレイアウトする
- 作業中にこまめに「プレビュー → モバイル表示」で見え方を確認する
イメージとしては、まずスマホで読みやすい「縦1列の情報カード」を作り、それをPC表示では横並びに増やしていく、という発想です。
PCを基準にしてからモバイルを調整するより、最初からスマホ基準で設計しておいたほうが崩れにくいですよ。
CanvaのWebサイト機能は、どちらかというと「スライド資料をそのままWebで見せる」設計に近く、WordPressや専用のLPビルダーほど細かくレスポンシブ調整はできません。

細部のピクセル単位までこだわりたい場合は、Canvaではビジュアル素材の作成に特化し、最終的なレイアウトはWordPress側で整える、といった役割分担も検討してみてください。
PDFのフラット化とは印刷向けか
CanvaのPDF書き出しオプションにある「PDFのフラット化」は、canva pdf ずれる問題と相性が良いのか悪いのか、よく議論になるポイントです。
ざっくり言うと、フラット化とはページ内のテキストや図形をまとめて画像として書き出す機能で、「見た目の再現性を優先する代わりに、編集性や文字のシャープさを少し犠牲にする」イメージに近いです。
フラット化の一番のメリットは、フォントが環境に依存しなくなることです。
テキストが画像として埋め込まれるので、相手のPCにフォントが入っていなくても見た目が変わりません。
印刷会社側のワークフローやRIP(印刷用の解釈ソフト)との相性で文字化けが起きそうなときにも、有効な選択肢になります。
一方で、デメリットもはっきりしています。
細い文字や小さな文字は印刷時に若干にじんだり、再サンプリングの影響で輪郭が甘く見えたりすることがあります。
また、高解像度の画像としてページを丸ごと保存するため、PDFファイルの容量は基本的に大きくなります。
枚数の多い資料や、大量配布を前提としたデータでは、ダウンロードやメール添付が重くなることもあるので注意が必要です。
- フォント置き換え・文字化けを絶対に避けたい → フラット化ありを検討
- 小さな文字をくっきり見せたい/後からテキスト修正も想定 → フラット化なし優先
- 入稿先の印刷会社が「フラット化推奨」と明記 → 基本的に指示に従う
どちらが正解かは、入稿先や用途によって変わります。
コンビニプリントや社内プリンタでの簡易印刷なら、フラット化なしのPDF印刷用で十分なことも多いですし、商業印刷でフォント環境が読めない場合は、フラット化ありのほうが安全な場面もあります。

いずれにしても、テスト印刷で実物を確認したうえで判断するのが一番確実です。
印刷会社に入稿する前のチェック

最後に、印刷会社にPDFを入稿する前に、私が必ずやっているチェックポイントを整理しておきます。
ここを押さえておくだけでも、canva pdf ずれるトラブルや思わぬ色味の差、断裁ミスなどをかなり減らせます。
「細かいけど大事なルーティン」として、テンプレート化してしまうのがおすすめです。
1. 形式とサイズの最終確認
まずは、印刷会社ごとの推奨設定を確認したうえで、PDF印刷用・サイズ・塗り足し・トンボなどが指定どおりになっているかを見直します。
特に、仕上がりサイズと塗り足しを間違えると、断裁時に白フチが出たり、重要な文字が切れたりするので要注意です。
塗り足しは「外側に3mm追加」が一般的ですが、あくまで目安なので、正式な数値は入稿先のガイドラインを優先してください。
また、ページ数の整合性も見ておきましょう。
偶数ページが前提の冊子なのに奇数ページになっていないか、表紙・裏表紙の順番が間違っていないかなど、PDFのページ順を一覧で確認しておくと安心です。
これは地味ですが、後から修正しようとすると地味に時間がかかるポイントです。
2. テスト印刷と実物チェック
次に、自宅やオフィスのプリンタで構わないので、一度A4などに縮小印刷して全体を眺めます。
ここで見るのは「細かい色」ではなく、文字が読めるか、ずれていないか、要素が詰まりすぎていないかといったバランスです。
行間が狭すぎたり、フォントサイズが小さすぎたりといった問題は、紙で見ると一気に気づきやすくなります。
特に、地図・表・箇条書きなど、情報量が多いパーツは、テスト印刷で「パッと見で理解できるか」をチェックしてください。
読み手が迷いそうな箇所があれば、その段階で文字サイズを上げる・情報を削る・レイアウトを入れ替える、といった調整を入れておくと、本番の印刷物の説得力がぐっと高まります。
3. フォントとリンクの確認
PDFをAcrobatなどで開いて、文字が変なフォントに置き換わっていないか、リンクやQRコードが正しく機能しているかも一度チェックしておきましょう。
長文でフォントを細かく切り替えていると、途中だけ別フォントに変わっている、ということもあります。
Canvaでリンクを埋め込んでいる場合は、クリックして正しいページが開くかも実際に試してみてください。
印刷入稿はどうしてもお金と時間に直結します。
ここでご紹介したチェック内容は、あくまで一般的な目安です。最終的な仕様や責任の範囲は、必ず利用する印刷会社の公式ガイドやCanvaの公式ヘルプをご確認ください。
不安な場合は、専門のデザイナーや印刷担当者に一度相談してもらうのが安全です。
Canvaを使った教育現場向けの資料づくりなど、用途によっては「誰にどこまで見せるか」がシビアになるケースもあります。
そのあたりの考え方を整理したいときは、教育版のプラン選びと申請のポイントをまとめたCanva for Educationの申請が通らない時の対処方法も参考になると思います。

ツールの仕様だけでなく、運用ルールも含めて整えておくと、現場でのトラブルをかなり減らせますよ。
CanvaでPDFがずれるのを防ぐ方法まとめ
ここまで、CanvaでPDFがずれる現象の原因と対処法を、印刷・動画・Web表示という三つの観点から整理してきました。
最後に、明日からすぐ実践できるポイントだけを振り返っておきます。
- 印刷前提なら、PDF印刷用+塗り足し設定を基本にする
- フォントは印刷向けの無難な書体に絞り、デザイン全体で統一する
- テキストボックスには十分な余白を持たせ、ズーム100%で整列を確認する
- フラット化は「フォントの安定」と「文字の鮮明さ」のどちらを優先するかで使い分ける
- 動画やスマホ表示でのずれは、アニメーションの付けすぎやグループ化不足を疑う
生成AI促進本部では、CanvaやChatGPTのようなツールを「ちゃんと使いこなして、現場の手間やストレスを減らす」ことをゴールに、できるだけ一次情報や公式ドキュメントをベースにした解説を心がけています。
生成AIやデザインツールは便利な一方で、誤解や思い込みからトラブルになることも少なくありません。公式情報や信頼できるリンクをまとめた生成AIお役立ちリンク集も用意しているので、迷ったときの「戻る場所」として活用してもらえればうれしいです。
この記事で紹介した内容は、あくまで一般的な目安や私自身の検証結果にもとづくものであり、すべての環境・印刷会社で同じ結果になることは保証できません。
正確な仕様や最新の情報は、必ずCanvaの公式ヘルプや利用する印刷会社の公式サイトをご確認ください。
また、金額や納期、安全性に関わる重要な判断については、最終的に印刷会社や専門家に相談したうえで決めてもらえると安心です。
CanvaのPDFがずれる問題は、原因さえ分かってしまえばコントロールできる部分も多いです。
この記事をきっかけに、あなたのデザインが「画面でも紙でも安心して見せられる状態」に一歩近づけば、運営者としてこれ以上うれしいことはありません。


コメント