Canvaのフレームの使い方|写真が入らない原因と、中の位置を動かす手順

Canvaのフレームは、写真を丸や星などの形に切り抜くための入れ物です。使い方自体は単純なのですが、写真がうまく入らないという相談が絶えません。原因はだいたい5つに絞られます。この記事では入れる手順と、入らないときに疑う場所を順に整理します。

macbook pro displaying computer icons
Photo by Tirza van Dijk on Unsplash

フレームは写真の入れ物です

公式の説明では、フレームは画像や動画をいろいろな形に切り抜くためのプレースホルダーとされています。あらかじめ形が決まった枠を置き、そこへ写真を流し込む仕組みです。

自分でトリミングして丸くする必要がありません。円形のフレームに写真を重ねれば、その形に切り抜かれた状態になります。

どこにあるか

パソコンでは、左のサイドパネルで素材を選び、カテゴリの一覧からフレームを選びます。検索欄にフレームと入力しても出てきます。

スマホでは、下のツールバーで素材をタップし、カテゴリからフレームを選びます。表示されるのは一部なので、すべて表示を押すと全部並びます。

パソコンで写真を入れる

手順は3つです。

  1. フレームをクリックしてデザインに追加する
  2. 写真やアップロードのタブから使いたい画像を探す
  3. その画像をフレームの上へドラッグする

公式の表現では、フレームの上へ持っていって吸着するまでドラッグする、となっています。枠が反応して画像がはまる瞬間があるので、それを確認してから離してください。

ドラッグせずに入れる方法もあります

これを知らない人が多いのですが、公式に用意されている確実な方法です。

フレームを右クリックして、空なら置き換える、すでに写真が入っているなら画像を置き替えを選びます。するとサイドパネルから画像を選べるようになります。

ドラッグで何度も失敗するくらいなら、最初からこちらを使ったほうが早いです。公式ヘルプにドラッグを使わない方法として独立した見出しがあるくらいなので、詰まる人が多い操作だと運営側も認識しています。

スマホで写真を入れる

パソコンとは手順が違います。ここを同じだと思っていると、うまくいきません。

  1. フレームをタップしてデザインに追加する
  2. 写真やアップロード、カメラロールから画像を選ぶ
  3. いったんデザイン上に写真を追加する
  4. キャンバス上でその写真をドラッグして、フレームに重ねる

ポイントは3番です。スマホの公式手順は、サイドパネルから直接フレームへドラッグするのではなく、一度デザインに置いてから重ねる二段階になっています。

パソコンの解説記事を見ながらスマホで操作すると、この違いで詰まります。

person holding phone
Photo by Josh Power on Unsplash

写真が入らないときの5つの原因

上から順に確認してください。

フレームではなく枠線を使っている

これがいちばん多い取り違えです。素材のカテゴリには枠線という似た名前のものがあり、見た目もフレームによく似ています。

公式ヘルプにはっきり書かれています。枠線に写真を追加することはできません。代わりにフレームかグリッドを使ってください、と明記されています。

丸い輪郭の素材を置いたのに写真が入らない場合は、まずこれを疑ってください。

画像と動画以外を入れようとしている

フレームに入れられるのは画像と動画だけです。イラストやステッカー、グラフィック素材は入りません。

素材タブで見つけたイラストをフレームに入れたい、という相談がありますが、仕様として対応していません。

図形をそのまま使っている

四角や丸の図形は、そのままでは写真の受け皿になりません。フレームに変えるという操作が要ります。手順は次の章で説明します。

素材がロックされている

ロックされた素材は移動もサイズ変更も編集もできません。テンプレートを使っているときに起こりがちです。

注意したいのは、ページごとロックされている場合です。この状態では個別の素材のロックを解除できません。先にページのロックを外してください。

別の要素が上に重なっている

透明な図形や背景が手前にあると、フレームを掴めません。選択しようとしている場所に別の要素が重なっていないか確認してください。

公式も背景の選択に関する注意として、同じ内容を案内しています。

図形をフレームに変える

用意されているフレームに使いたい形がないとき、この機能が役に立ちます。

パソコンでは、図形と写真の両方をデザインに置き、両方を選択した状態で右クリックし、フレームに変更を選びます。写真が自動的に図形の形に収まります。

元に戻したいときは、右クリックして画像を分離を選びます。

スマホでは複数選択から

スマホには右クリックがないので、手順が変わります。図形をタップしてツールバーを開き、もっと見るから複数を選択をタップして、画像も選んでからフレームに変更を押します。

変えられない図形があります

フレームに変更が出てこない場合、その素材が対象外です。公式が挙げている対象外のものを整理しました。

  • イラスト、ステッカー、写真、画像
  • 線、表、グラフ
  • 複数の輪郭からできている図形
  • 付箋
  • 柄や模様が付いた図形
  • すでにフレームになっているもの
  • すでに画像や動画が入っている図形

逆に変えられるのは、輪郭がひとつだけの図形です。基本的な図形、AIが生成した図形、手描きの図形が該当します。

中の写真を動かす

入れたあとに構図を直す操作です。

パソコンでは、フレームの中の写真をダブルクリックします。四隅に白い丸のハンドルが出るので、それをドラッグしてサイズを変えます。写真自体をドラッグすれば位置が動きます。終わったら完了を押します。

スマホではダブルタップです。同じように白い丸のハンドルでサイズを変え、ドラッグで位置を決めて、チェックマークを押します。

ピンチでは拡大しません

ここは誤解が広がっている部分です。二本指のピンチ操作は、キャンバス全体の表示倍率を変える機能です。フレームの中の写真を拡大する操作ではありません。

公式の手順にも、フレーム内の調整でピンチを使うという記載はありません。ダブルタップして白い丸のハンドルを動かす、が正しい操作です。

切り抜きは非表示にしているだけです

写真の端が切れて見えても、そのデータが消えたわけではありません。公式は、トリミングは要素の一部を非表示にするもので、隠れた部分は削除されないと説明しています。

いつでも調整し直せるので、切れ方が気に入らなければダブルクリックして直してください。

assorted photos on beige wooden table
Photo by Soragrit Wongsa on Unsplash

フレームとグリッドの違い

どちらも写真を流し込めるので混同しやすいのですが、役割が違います。

フレームグリッド
入る枚数1枚複数
用途形に切り抜く整列させる、コラージュ
間隔の調整なしあり
スマホでの操作ドラッグして重ねるタップして置き換える

1枚を丸や星の形に抜きたいならフレーム、複数枚を等分に並べたいならグリッドです。

実務上の違いとして大きいのは、スマホでの入れ方です。グリッドはスペースをタップして置き換えるを押すだけで入ります。ドラッグが要りません。スマホで作業することが多いなら、グリッドのほうが扱いやすい場面があります。

グリッドにはセルとセルの間隔を調整する機能もあります。写真を並べたときの余白を揃えたいときに使えます。色を敷くこともできます。

枠線と角丸をつける

フレームの見た目を整える操作です。

枠線の色は、フレームを選んでツールバーのストロークの色から設定します。線が見えていない場合は、先にストロークスタイルで太さと種類を決めてください。

角丸は、ツールバーの角の丸みからスライダーを動かすか、数値を入れます。

なお枠線は多くの素材に付けられますが、テキストボックスや一部の編集可能な図形には対応していません。

2026年のUI刷新で呼び名が変わりました

解説記事とボタンの名前が合わない、という混乱の原因がここにあります。

Canvaは新しい編集画面への切り替えを進めていて、名称がいくつか変わりました。上部に固定されていたツールバーはクイックアクションツールバーという名前になり、選んだ素材に応じて関連する項目を出す方式になっています。

サイドパネルも作り直され、カーソルを合わせると開いてクリックで固定されるようになりました。ヘッダーには編集とコメントと表示を切り替えるスイッチが付いています。

日本語ヘルプは機械翻訳です

もうひとつ知っておくと混乱が減る事実があります。Canvaの日本語ヘルプには、機械翻訳である旨が冒頭に明記されています。

そのため同じ機能が記事によって素材と書かれていたり要素と書かれていたりします。カテゴリを開く操作も、カテゴリをチェックとカテゴリを参照の2通りの訳が混在しています。

ヘルプの文言と実際の画面が違う場合は、画面のほうが正です。名前で迷ったら、位置と役割で判断してください。

サイズを数値で指定する

フレームを目分量で並べると、あとで揃わなくなります。数値で指定する方法を覚えておくと仕上がりが安定します。

フレームを選んで配置を開き、詳細設定にある幅と高さにピクセル値を入力します。隣にある鍵のアイコンを押すと縦横比が固定され、片方を変えたときにもう片方が自動で追従します。

図形は引き伸ばせません

公式に明記されている仕様です。Canvaのグラフィック素材には固定の縦横比があり、引き伸ばすことができません。丸を楕円にしたい、といった変形はできない場合があります。

写真は別です。ダブルクリックして切り抜きモードに入り、Shiftを押しながらハンドルをドラッグすると、縦横比を無視して伸ばせます。ただし人物が入った写真で使うと不自然になるので、レイアウトの都合で無理に伸ばすのは避けてください。

差し替えやすい形で組んでおく

ここからは制作会社としての実務の話です。

社内で使い回すテンプレートを作るなら、写真を直接置かずにフレームへ入れておいてください。直接置いた画像には置き換えるという操作が用意されていないため、差し替えのたびに削除して入れ直すことになります。

フレームに入れておけば、右クリックから画像を置き替えるだけで済みます。担当者が変わっても操作が単純なので、品質がぶれません。

フレームの比率を先に決める

あとから写真を入れる前提なら、フレームの縦横比を先に決めておくのが正解です。撮影の段階でその比率を意識しておけば、切れて困ることがなくなります。

逆に比率を決めずに進めると、入れるたびに構図を調整することになり、人によって仕上がりが変わります。

完成したらロックする

触ってほしくない部分はロックしておきます。ロゴや枠のように動かされると困る要素は、ロックしておくと事故が減ります。

ただし先に触れたとおり、ページごとロックすると個別の解除ができなくなります。差し替える予定のフレームまで固めてしまわないよう、要素単位でかけてください。

よくある質問(FAQ)

フレームに動画は入れられますか?

入れられます。公式に、フレームに追加できるのは画像と動画のみと明記されています。音声やテキストは入りません。

フレームの形を後から変えられますか?

フレーム素材そのものの形を変える機能はありません。別のフレームを置いて入れ直すか、好きな形の図形を用意してフレームに変更する方法をとってください。

縦長の写真を横長のフレームに入れると切れます

フレームの縦横比に合わせて自動で収まるため、比率が違うと左右または上下が隠れます。ダブルクリックして写真を縮小し、見せたい範囲へ動かしてください。

被写体に自動で合わせる方法はありますか?

スマート切り抜きという機能があり、フレームやグリッドの中の写真にも使えます。ただし公式は、透明部分を含む画像やスクリーンショット、図版には使わないよう案内しています。写真向けの機能です。

1つのデザインに何枚まで入りますか?

合計1,400枚までです。

まとめ|入らないときは枠線を疑う

フレームの使い方でつまずく箇所は決まっています。まず疑うのは、フレームではなく枠線の素材を使っていないかどうかです。公式が名指しで注意しているくらい、間違えやすい組み合わせです。

ドラッグでうまく入らないなら、右クリックの置き換えるを使ってください。そのほうが確実です。スマホは一度デザインに置いてから重ねる二段階になる点も、押さえておくと迷いません。

中の写真を動かすのはダブルクリックまたはダブルタップです。ピンチではありません。

弊社では、社内でCanvaを使えるようにするためのテンプレート設計もお請けしています。フレームを使った差し替えやすい形で組んでおくと、担当者が変わっても同じ品質で作れるようになります。気になることがあればお気軽にご相談ください。

最新情報をチェックしよう!

LET’S CONTACT

お問い合わせ

デザインと発信の力で、お客様の強みや想いを形にし、
成果につながるコンテンツを制作します。
「うちの場合はどうなる?」という段階からでも、どうぞお気軽にご相談ください。