![](https://www.kamecompass.com/wp-content/uploads/2023/08/0-1.png)
「Canvaで画像の挿入方法を知りたい」
「自分の写真やCanvaにあるテンプレート画像を使いたい」
「スマホやパソコンで画像をどうやって挿入するの?」
Canvaでは、自分の写真や画像を挿入して、無料でデザインを作ることができます。
私もデザイン作成にCanvaしか使わず、このブログで使われている画像もすべてCanvaで作りました。
この記事では、誰でもカンタンにCanvaで画像を挿入する方法【スマホ/パソコン版】をお話しします。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
こんにちは、かめコンパスです!
- WordPressなどでブログを書いている
- スマホやパソコンでの画像の挿入方法を知りたい
- 自分の写真を使う方法を知りたい
どこよりも分かりやすく書いている自信がありますので、ぜひ最後まで読んでください!
さっそく本題に入りましょう。
自分の写真や画像を挿入する方法
![](https://www.kamecompass.com/wp-content/uploads/2023/12/3-4.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/12/3-4.png)
Canvaに自分の写真や画像を挿入する方法を
それぞれで詳しく解説します。
スマホ/iPhone版
スマホ/iPhoneのCanvaアプリに、自分の写真や画像を挿入する方法は、下記の通りです。
デザイン編集画面左下にある+をタップする
![「+」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/1-1-2.png)
![「+」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/1-1-2.png)
画面下のパネルからアップロードをタップする
![「アップロード」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/3-1-1.png)
![「アップロード」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/3-1-1.png)
ファイルをアップロードをタップする
![「ファイルをアップロード」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/3-2-1.png)
![「ファイルをアップロード」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/3-2-1.png)
写真ライブラリをタップする
![「写真ライブラリ」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/3-3-1.png)
![「写真ライブラリ」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/3-3-1.png)
挿入したい自分の写真や画像を選び、追加をタップする
![かめコンパスの写真を選んでいる様子と「追加」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/3-4-1.png)
![かめコンパスの写真を選んでいる様子と「追加」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/3-4-1.png)
アップロードされた画像をタップする
![かめコンパスの写真をタップしている様子](https://www.kamecompass.com/wp-content/uploads/2023/10/3-5-1.png)
![かめコンパスの写真をタップしている様子](https://www.kamecompass.com/wp-content/uploads/2023/10/3-5-1.png)
これでページに自分の写真が挿入された!
![ページに写真が挿入された様子](https://www.kamecompass.com/wp-content/uploads/2023/10/3-6.png)
![ページに写真が挿入された様子](https://www.kamecompass.com/wp-content/uploads/2023/10/3-6.png)
パソコン版
パソコンのCanvaサイトに、自分の写真や画像を挿入する方法は、2つあります。
- ドラッグ&ドロップを使う※おすすめ!
- 「ファイルをアップロード」を使う
それぞれ詳しく解説します。
ドラッグ&ドロップを使う
デザイン編集画面左側にあるサイドパネルのアップロードをクリックする
![「アップロード」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/4-1-2.png)
![「アップロード」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/4-1-2.png)
挿入したい自分の写真や画像をドラッグ&ドロップする
![かめコンパスの写真をドラッグ&ドロップしている様子](https://www.kamecompass.com/wp-content/uploads/2023/10/4-2-2.png)
![かめコンパスの写真をドラッグ&ドロップしている様子](https://www.kamecompass.com/wp-content/uploads/2023/10/4-2-2.png)
アップロードされた画像をクリック、もしくはドラッグ&ドロップする
![かめコンパスの写真をクリック、もしくはドラッグ&ドロップしている様子](https://www.kamecompass.com/wp-content/uploads/2023/10/4-3-2.png)
![かめコンパスの写真をクリック、もしくはドラッグ&ドロップしている様子](https://www.kamecompass.com/wp-content/uploads/2023/10/4-3-2.png)
これでページに自分の写真が挿入された!
![ページに写真が挿入された様子](https://www.kamecompass.com/wp-content/uploads/2023/10/4-4-2.png)
![ページに写真が挿入された様子](https://www.kamecompass.com/wp-content/uploads/2023/10/4-4-2.png)
「ファイルをアップロード」を使う
デザイン編集画面左側にあるサイドパネルのアップロードをクリックする
![「アップロード」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/4-1-2.png)
![「アップロード」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/4-1-2.png)
ファイルをアップロードをクリックする
![「ファイルをアップロード」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/5-1-1.png)
![「ファイルをアップロード」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/5-1-1.png)
挿入したい自分の写真や画像を選び、開くをクリックする
![かめコンパスの写真をドラッグ&ドロップしている様子](https://www.kamecompass.com/wp-content/uploads/2023/10/4-2-2.png)
![かめコンパスの写真をドラッグ&ドロップしている様子](https://www.kamecompass.com/wp-content/uploads/2023/10/4-2-2.png)
アップロードされた画像をクリック、もしくはドラッグ&ドロップする
![かめコンパスの写真をクリック、もしくはドラッグ&ドロップしている様子](https://www.kamecompass.com/wp-content/uploads/2023/10/4-3-2.png)
![かめコンパスの写真をクリック、もしくはドラッグ&ドロップしている様子](https://www.kamecompass.com/wp-content/uploads/2023/10/4-3-2.png)
ページに自分の写真が挿入された!
![ページに写真が挿入された様子](https://www.kamecompass.com/wp-content/uploads/2023/10/4-4-2.png)
![ページに写真が挿入された様子](https://www.kamecompass.com/wp-content/uploads/2023/10/4-4-2.png)
テンプレート画像を挿入する方法
![](https://www.kamecompass.com/wp-content/uploads/2023/12/1.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/12/1.png)
Canvaにあるテンプレート画像を挿入する方法を
それぞれで詳しく解説します。
スマホ/iPhone版
スマホ/iPhoneのCanvaアプリで、テンプレート画像を挿入する方法は、下記の通りです。
デザイン編集画面左下にある+をタップする
![「+」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/1-1-2.png)
![「+」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/1-1-2.png)
画面下のパネルにある素材をタップする
![「素材」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/1-2-1.png)
![「素材」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/1-2-1.png)
検索窓にキーワードを入力、もしくはその下にある写真やグラフィックなどから探す
![検索窓と写真やグラフィックなどがある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/1-3-1.png)
![検索窓と写真やグラフィックなどがある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/1-3-1.png)
選んだ画像をタップする
![猫の画像を選んだ様子](https://www.kamecompass.com/wp-content/uploads/2023/10/1-4-1.png)
![猫の画像を選んだ様子](https://www.kamecompass.com/wp-content/uploads/2023/10/1-4-1.png)
これでページにテンプレート画像が挿入された!
![ページに画像が挿入された様子](https://www.kamecompass.com/wp-content/uploads/2023/10/1-5.png)
![ページに画像が挿入された様子](https://www.kamecompass.com/wp-content/uploads/2023/10/1-5.png)
パソコン版
パソコンのCanvaサイトで、テンプレート画像を挿入する方法は、下記の通りです。
デザイン編集画面左側にあるサイドパネルの素材をクリックする
![「素材」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/2-1-1.png)
![「素材」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/2-1-1.png)
検索窓にキーワードを入力、もしくはその下にある写真やグラフィックなどから探す
![検索窓と写真やグラフィックなどがある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/2-2-1.png)
![検索窓と写真やグラフィックなどがある場所](https://www.kamecompass.com/wp-content/uploads/2023/10/2-2-1.png)
選んだ画像をクリック、もしくはドラッグ&ドロップする
![猫の画像をクリック、もしくはドラッグ&ドロップしている様子](https://www.kamecompass.com/wp-content/uploads/2023/10/2-3-1.png)
![猫の画像をクリック、もしくはドラッグ&ドロップしている様子](https://www.kamecompass.com/wp-content/uploads/2023/10/2-3-1.png)
これでページにテンプレート画像が挿入された!
![ページに画像が挿入された様子](https://www.kamecompass.com/wp-content/uploads/2023/10/2-4-1.png)
![ページに画像が挿入された様子](https://www.kamecompass.com/wp-content/uploads/2023/10/2-4-1.png)
画像が挿入できない場合の対処法
![](https://www.kamecompass.com/wp-content/uploads/2023/12/6.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/12/6.png)
Canvaに自分の写真や画像が挿入できない場合の対処法は、下記5つが考えられます。
- リロードする
- 保存されている画像を削除する
- ネットの接続状況を確認する
- 画像を挿入する時間帯を変える
- 画像のファイル形式を変える
それぞれの対処法を詳しく解説します。
リロードする
パソコンでCanvaサイトを利用の人は、リロードすると自分の写真や画像を挿入できる場合があります。
画像が挿入できない原因は、一時的にCanvaサイトが重くなって固まっているだけかも…
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
スマホを利用の人は関係ないから次に進んでね!
リロードのやり方は2パターンあります。
- キーボードのショートカットキーを使う
- リロードボタンを押す
キーボードのショートカットキーでは、使っているパソコンが
- Windowsの場合…Ctrl+R
- Macの場合…Command+R
を同時に押すとリロードできます。
![キーボードの「Ctrl」と「R」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/11/2-1-4.png)
![キーボードの「Ctrl」と「R」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/11/2-1-4.png)
![キーボードの「Command」と「R」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/11/2-2-4.png)
![キーボードの「Command」と「R」がある場所](https://www.kamecompass.com/wp-content/uploads/2023/11/2-2-4.png)
リロードボタンは、パソコンで開いているCanvaサイトの左上にある更新マークです。
![「リロード」ボタンがある場所](https://www.kamecompass.com/wp-content/uploads/2023/11/2-3-4.png)
![「リロード」ボタンがある場所](https://www.kamecompass.com/wp-content/uploads/2023/11/2-3-4.png)
このリロードボタンを押すとリロードできます。
保存されている画像を削除する
Canvaに保存できるデータ容量は、
- 無料プラン:5GB
- 有料プラン:1000GB
です。
Canvaに保存されている画像や動画、作成したデザインなどのデータが容量いっぱいになっていると、自分の写真を挿入できなくなります。
ですので、Canvaに保存されている画像や動画、作成したデザインを削除すれば、データ容量が空き、自分の写真を挿入できるようになります。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
使わなくなった画像は定期的に削除するといいね
ネットの接続状況を確認する
Canvaでは、ネットに接続しなくても一部編集することができますが、
オフラインの状態では、自分の写真や画像を挿入できないです。
ですので、
- Wi-Fi
- iPhone/スマホのモバイルデータ通信
の接続がONになっているかを確認しましょう。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
ネットに接続されている場合は、一度OFFにして再度ONにしてみてね!
画像を挿入する時間帯を変える
時間帯を変えると、画像を挿入できるようになります。
主に夕方から夜にかけて、徐々にネットが重くなるので、
画像を挿入できない場合は、朝や日中に画像を挿入してみてください。
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
私も夜では、自分の写真を使いたいと思っても挿入できないことも多いよ!
画像のファイル形式を変える
Canvaに挿入できる画像のファイル形式は、
- JPEG
- PNG
- HEIC/HEIF
- WebP
- SVG
の5つで、Canva公式サイトにも書かれています。
つまり、上記5つ以外のファイル形式だと画像を挿入できません。
![画像のファイル形式を確認する場所](https://www.kamecompass.com/wp-content/uploads/2023/12/6-1.png)
![画像のファイル形式を確認する場所](https://www.kamecompass.com/wp-content/uploads/2023/12/6-1.png)
画像のファイル名の末尾を確認する
Canvaに挿入できるファイル形式に変換してから、自分の写真を挿入しましょう。
まとめ
今回は、Canvaで画像を挿入する方法【スマホ/パソコン版】を紹介しました。
パソコンとスマホでは、Canvaの挿入方法が若干異なりますので、最初は戸惑いますよね。
自分の写真を使う以外に、Canvaにはたくさんのテンプレート画像が用意されているので、いろいろ見てみてください。
![](https://www.kamecompass.com/wp-content/uploads/2023/11/a98b1120712ae2558c294773114e59b3-8.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2023/11/a98b1120712ae2558c294773114e59b3-8.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2023/11/a98b1120712ae2558c294773114e59b3-2.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2023/11/a98b1120712ae2558c294773114e59b3-2.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2023/11/a98b1120712ae2558c294773114e59b3-4.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2023/11/a98b1120712ae2558c294773114e59b3-4.jpg)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
![](https://www.kamecompass.com/wp-content/uploads/2023/09/863c64eb2b628f43ab81cae8b09ccac7-150x150.png)
ためになったという人は“コメント”してくれると嬉しいです!
コメント