CanvaでQRコードを作成し、読み取れるまま書き出す方法

CanvaでQRコードを作成する方法

Canvaのデザインを開き、サイドパネルの「アプリ」を選び、QR codeを検索して、URLを入力し、「Save」を選びます。手順全体でおよそ2分です。Canvaはインターフェースのラベルをときどき変えるので、以下の手順では、ボタンの現在の名前に加えて、何を探せばよいかも説明します。

1. サインインしてデザインを開く. canva.comでサインインし、QRコードを載せるチラシ、メニュー、名刺、ポスターを開きます。QRコードだけを作るなら、代わりに1000 x 1000 pxのカスタムサイズのデザインを作成します。
2. サイドパネルの「アプリ」を開く. 左側のサイドパネルの下部にある「アプリ」を選びます。Canvaのモバイルアプリでは、先にプラスボタンをタップし、下部のバーを「アプリ」までスクロールします。
3. QR codeを検索してアプリを開く. 「アプリ」の検索ボックスにQR codeと入力し、Canvaが公開しているアプリを選びます。同じ検索結果には他社製のQRアプリもいくつか出てきますが、それらには独自の登録や制限があります。
4. URLを貼り付ける. https:// を含む完全なWebアドレスを入力します。使える中でいちばん短いアドレスにしてください。URLが短いほど、QRコードのモジュールは少なく大きくなり、小さなサイズでも読み取りやすくなります。
5. 「Save」を選んでコードを配置する. パネルにQRコードの準備ができたことが表示され、コードがキャンバスに現れます。サイズを変えるときは角のハンドルをドラッグして、コードを正方形のまま保ちます。
6. パターン、角、ロゴ、色を選ぶ. アプリのパネルには「Pattern」メニュー、「Corners」のスタイルの列、「Logo」の列があり、王冠のマークが付いたオプションには有料プランが必要です。2つの色は、キャンバスの上にあるツールバーのカラースウォッチから設定します。明るい背景に濃いコードを保ち、そのうえでスマートフォンで画面から読み取ってください。

あとから遷移先を変えるには、キャンバス上のQRコードを選び、アプリのパネルでURLを編集して、もう一度「Save」を選びます。すでに印刷したものがその変更に追従するかどうかは、コードが静的か動的かによります。その確認方法は、下の静的コードと動的コードのセクションで説明します。

CanvaのQRコードアプリにできること、できないこと

CanvaのQRコードアプリは、よくある用途を十分にカバーします。URL用の正方形のQRコードを、モジュールのパターン、角のスタイル、色を選んで、1ステップでレイアウトに配置できます。このアプリには、カスタム形状、コード単体のベクター書き出し、コントラストの確認、誤り訂正の制御がありません。これらの限界は、このアプリが専用の作成ツールではなく、デザインツールの中の1つの要素であることから来ています。

書き出す前に「Logo」の列を確認してください。別のオプションを選ばない限り、CanvaのQRコードは中央にCanva自身のロゴを載せることがあるからです。無地のコードにするには、「Logo」の列をなしに設定します。アプリの中で選んだロゴは、コードを描くときに考慮されます。これは、もう一方のやり方より安全です。完成したコードの上に別の画像をドラッグすると、スキャナーが必要とするモジュールを覆ってしまいます。

誤り訂正とは、シンボルの一部が覆われてもスキャンできる状態を保てるように、QRコードに組み込まれた冗長性です。Canvaのアプリでは誤り訂正レベルを制御できないので、手作業でコードの上に置いたロゴは、大きさの分からない余力を使うことになります。手作業で置くロゴはコードの面積のおよそ10分の1未満に抑え、結果をスマートフォン2台でテストしてください。

CanvaのQRコードは静的？動的？有効期限はある？

Canvaは両方の種類を作ってきました。CanvaのQRコードアプリは長年、静的コードを生成しており、Canvaのヘルプセンターは現在、あとから遷移先を変更できる動的QRコードも記載しています。エディタでは、スキャンのインサイトが有料機能として示されています。手元のコードがどちらの種類かは1分以内に確認でき、何かを印刷する前に確認しておく価値があります。

静的QRコードとは、遷移先がパターンそのものに格納されたコードで、コードを作ったあとに遷移先を変えることはできません。静的QRコードに有効期限はありません。スキャンとページのあいだに何も挟まらないので、スキャン回数の上限も、停止されるものもありません。一方、動的QRコードは提供事業者が所有する短いリンクを格納しており、その事業者がリンクを生かしているあいだだけ機能し続けます。

1. Canvaのデザインをダウンロードするか、QRコードをきれいに書き出します。
2. リンクを開くのではなく、QRコードスキャナーのように格納されたテキストを表示するツールでファイルをデコードします。
3. デコードされたテキストが入力したURLとまったく同じなら、そのコードは静的です。デコードされたテキストが、そのURLへ転送する別の短いアドレスなら、そのコードは動的で、その転送サービスに依存しています。

このトレードオフは両方向に働きます。静的QRコードは印刷後に編集できないので、遷移先のページが移動しても、印刷したコードは古いアドレスを指したままです。動的QRコードは編集できますが、どれだけ生き続けるかはプランの条件で決まります。Canvaのどのプランに何が含まれるかは変わりやすい部分なので、現在のプランページを確認してください。

サブスクリプションなしで、印刷した静的QRコードを編集可能に保つ方法があります。QRコードを、example.com/menu のような自分が管理するドメインのアドレスに向け、そのアドレスを本来のページへの302リダイレクトとして設定します。印刷したコードは二度と変わらず、リダイレクトはいつでも編集できます。静的QRコードと動的QRコードの違いが、それぞれの種類が適切な場面を扱っています。

CanvaのQRコードを印刷用にダウンロードする方法

「共有」、「ダウンロード」の順に選び、印刷するものにはすべてPDF（印刷）を選びます。PDF（印刷）は300 DPIで書き出し、トンボと裁ち落としのオプションがあります。PDF（標準）は96 DPIで書き出し、これは画面用の解像度です。96 DPIで書き出して幅3 cmで印刷したQRコードは、1モジュールあたりのピクセルのディテールが、300 DPIのファイルのおよそ3分の1しかありません。

デザインの残りを除いてQRコードだけを書き出すには、1000 x 1000 pxのカスタムサイズのデザインを新しく作り、そこにQRコードを生成するか貼り付けて、余白を保ったままコードをキャンバスいっぱいに広げます。画面で使うなら、そのデザインをPNGとしてダウンロードします。無料プランでは、PNGのサイズのスライダーはデザイン自体の寸法で止まります。最初からキャンバスを大きく作っておくべき理由はそこにあります。

CanvaのエディタでQRコードのスクリーンショットを撮り、それをファイルとして使うことは絶対に避けてください。スクリーンショットは、そのときエディタがたまたま表示していたズーム倍率でコードを記録するので、たいていは幅が数百ピクセルで縁の甘い画像になります。

CanvaのデザインではQRコードをどのくらいの大きさにすべき？

印刷するCanvaのデザインに入れるQRコードは、腕を伸ばした距離で読み取るなら幅2 cm以上が必要で、3 cmがより安全な下限です。目安として、QRコードには読み取り距離10 cmにつき約1 cmの幅が必要なので、2 mから読むポスターには幅約20 cmのコードが要ります。

Canvaは初期設定で要素のサイズをピクセルで表示するため、印刷時のサイズが分かりません。印刷用のデザインは、ミリメートルかインチで作成し - たとえばチラシならA5、148 x 210 mm - コードの幅は配置のパネルで読み取ってください。A3のポスターテンプレートの画面上では大きく見えるQRコードでも、紙の上では2 cm未満ということがあります。

• 名刺： 幅2〜2.5 cm。モジュールが大きく保たれるように短いURLを使います。
• 手に持って読むチラシやメニュー： 幅3 cm以上。
• 席から読むテーブルテント： 幅4〜5 cm。
• 2 mから読むポスター： 幅約20 cm。

クワイエットゾーンとは、シンボルがどこで始まりどこで終わるかをスキャナーが検出できるようにする、QRコード周囲の空白の余白です。QRコードの規格であるISO/IEC 18004は、これを四辺それぞれに4モジュールと定めています。クワイエットゾーンがいちばん失われやすいのがCanvaのテンプレートです。装飾的なフレームに入れたコード、写真にぴったり寄せたコード、柄のある背景に置いたコードには、はっきりした余白が残っていません。印刷時のQRコードの最小サイズのガイドが、素材と距離ごとのサイズを示しています。

Canvaのデザインに円形やカスタムのQRコードを追加する方法

専用の作成ツールでQRコードを生成し、SVGまたはPNGとしてダウンロードして、Canvaのサイドパネルの「アップロード」からそのファイルをアップロードします。アップロードしたQRコードは、デザイン内のほかの画像と同じように扱えます。円形のコード、ロゴを組み込んだコード、Canvaの無料プランでのベクターのコード、Wi-Fiや連絡先のコードには、この経路を使います。

1. 好みの作成ツールでQRコードを作り、画面上で読み取れることを確認します。
2. 印刷用にはSVGで、またはPNGなら最終印刷サイズ・300 DPI以上でコードをダウンロードします。
3. Canvaでサイドパネルの「アップロード」を選び、「ファイルをアップロード」からそのファイルを選びます。
4. アップロードしたQRコードをキャンバスにドラッグし、縦横比が保たれるように、角のハンドルだけでサイズを変えます。
5. コード自体の余白はそのまま残し、ほかの要素をそこに入れないでください。

円形やカスタム形状のQRコードを作れる無料のQRコード作成ツールであるKoloQRは、コードを単体で書き出すので、この流れに合います。KoloQRはアカウントなしでSVG、PDF、EPS、PNGをダウンロードでき、シンボルを正方形、円形、三角形、六角形として描き、選んだ色のコントラストをダウンロード前に確認します。KoloQRが作るのは静的コードだけで、レイアウト機能もないので、チラシを作るのはやはりCanvaです。KoloQRとCanvaの比較が、この2つを並べて示しています。

アップロードしたSVGは、デザインをチラシからポスターへサイズ変更したあとも含めて、Canvaの中でどんなサイズでも鮮明なままです。アップロードしたPNGはそうではないので、PNGのコードは印刷する可能性のある最大のサイズで書き出し、縮小だけにとどめてください。

CanvaのQRコードが読み取れない理由

読み取れないCanvaのQRコードは、たいていレイアウトに合わせて縮小されたか、コントラストの足りない色にされたか、画面解像度で書き出されています。Canvaが生成するコード自体は有効で、失敗は、そのあとデザインの中でコードに起きることから生まれます。

透明度はCanva特有の落とし穴です。背景になじませようとQRコードの透明度のスライダーを100未満にすると、すべてのモジュールのコントラストが一度に下がりますが、エディタは何も警告しません。QRコードは完全に不透明のまま保ち、デザインを印刷に出す前に、色の組み合わせをQRコードコントラストチェッカーで確認してください。

本刷りを発注する前に最終サイズで1枚印刷し、人が実際に立つ距離から、iPhone 1台とAndroidスマートフォン1台で読み取ってください。より幅広い原因の一覧は、QRコードが読み取れない理由をご覧ください。