未ログイン状態で閲覧中
  • 投稿日:2024/08/19
  • 更新日:2026/03/22
初心者でも簡単!Canvaで作るノウハウ図書館サムネイル作成ガイド

初心者でも簡単!Canvaで作るノウハウ図書館サムネイル作成ガイド

いのうえ@北陸でクロコ導入サポート!

いのうえ@北陸でクロコ導入サポート!

この記事は約5分で読めます
要約
この記事ではノウハウ図書館に投稿してみたいけど、サムネイルの作り方がよくわからない…という方向けに、私が使っている作り方を紹介します。Canvaの無料プランで作成可能です!

こんにちは、いのうえです。

ノウハウ図書館が連日賑わっていますね!

今回は、

「自分もノウハウ図書館への投稿にチャレンジしてみたい!」

「でもサムネイルってどうやって作ったらいいんだろう…」

「もっと簡単に自分の好みのサムネイルを作れないかな?」

とお悩みの方に、私が作っている手順を公開します。

Canvaの無料プランで十分に作成可能ですので

ぜひこの機会にチャレンジしてみてくださいね。

超初心者さん向けにわかりやすく解説しているつもりですが、

わかりづらいところがあったら遠慮なくご指摘ください。

では早速いってみましょう!

はじめに : ノウハウ図書館のサムネイル作成手順4ステップ

この記事では、ノウハウ図書館用のサムネイル作成について、下記4ステップを紹介します。

ステップ1 : ノウハウ図書館推奨サイズのデザインを作成する
ステップ2 : 自分のイメージに近いテンプレートを選ぶ
ステップ3 : 自分の作成したい文言を入れて、レイアウトの調整をする
ステップ4 : 画像ファイルでダウンロードする

なんと、たった4ステップで自分好みのサムネイルが作れちゃいます!

※私にデザインセンスはないので、デザインに関しては完全に自己満足です。そこはご容赦ください

ひとつずつ詳しく解説します。

ステップ1 : ノウハウ図書館推奨サイズのデザインを作成する

ノウハウ図書館のサムネイルの推奨サイズは1600px × 900px

掲載可能な拡張子はpng, jpg, jpegです。

※サイズは10MBまで

image1 (1) (1).jpgまずはこの推奨サイズに合わせて、Canvaのデザインを作成します。

ホーム画面にある、「カスタムサイズ」を選択

3 (1).jpgこのようにサイズを指定するウインドウが出るので、次の操作をします。

①幅1600px, 高さ900pxを入力

②「新しいデザインを作成」ボタンをクリック

4 (1).jpg新しいデザインができました!

ここに、右側のバーからデザインを追加していきます。

4.pngステップ2 : 自分のイメージに近いテンプレートを選ぶ

先ほど作成したデザインに、自分のイメージに近いテンプレートを探してきて取り込みます。

今回は、おすすめアイテムの紹介記事のサムネイルを作る場合を想定してデモンストレーションしてみます。

まずは、検索バーに「おすすめ 商品」などと入力して、デザインを探してみます。

店長おすすめ!というデザインが目を引いたので、とりあえずクリックしてみると…

5.png似たテイストのテンプレートがたくさん出てきます。

6.png今回はこの中から店長イチオシ✨というデザインが好みだったので、このテンプレートを使って作成することにしました。

※注意点

下図の赤丸でしるしをつけている、王冠マークのついたテンプレートは有料バージョンの方が使えるテンプレートです。

私は非課金なので、王冠マークがついていないものから選んでいます。

7.pngステップ3 : 自分の作成したい文言を入れて、レイアウトの調整をする

今回は、oviceの活用記事のサムネイルを作ったときのやり方で紹介していきます。

ステップ2で選んだテンプレートに、

「初心者さん必見!ovice活用のススメ3選」

という文言を入れていきます。

この辺は、私はデザインの知識もセンスもないので自己満足で作っています。

文字の大きさはメインタイトルは50, サブタイトルは38の大きさにしています。

また、フォントも自分がなんとなくそれっぽいなと感じるものを直感で選んでいます。

こんな感じになりました。

8.pngおまけ : アイコンの追加方法

私は、サムネイルを見ただけで「いのうえが書いた記事」だとわかるようにしたかったので、サムネイルの中に自分のアイコンを入れています。

やり方としては、アイコン画像をアップロードしてcanvaに取り込みます。

取り込んだ画像が下の方に登録されるので、クリックします。

すると、作成中のデザインに、アイコン画像が適用されます。

9.png

スクリーンショット 2024-08-18 145715.png次に、この画像を丸くくり抜いていきます。

左側のバーから素材をクリックすると、いろいろな素材が出てくるので下にスクロールしてください。

フレーム、という項目があるので、そこから〇のフレームをクリックします。

11.png

このように、アイコン画像とフレームをデザインに追加できました。

12.pngこれから、アイコン画像をドラック&ドロップでフレーム枠の上に持っていくと…

自動で丸くくり抜いてくれます!

13.pngあとは、アイコン画像の大きさや配置を調整すれば完成です。

ステップ4 : 画像ファイルでダウンロードする

さて、ここまででサムネイルの作成が完了しました。

あとは画像ファイルとしてダウンロードするだけです。

ダウンロードのしたいときは右上の「共有ボタン」を押します。

14.png

すると、このようなウィンドウが出てくるので、ダウンロードボタンを選択します。

ファイルの種類は何種類かありますが、推奨のPNGで良いと思います。

15.png16.pngページを選択のところから、現在のページを選ぶと、作業中のページのみを選べます。

これを選ぶと作業中のページのみをダウンロードできます。

下図のような形にして「完了」ボタンを押すと設定は完了です。

17.png

設定が完了したら、下のような画面になるので「ダウンロード」ボタンを押します。

するとダウンロードが開始します。

18.png

これでダウンロードも完了です。

お疲れ様でした!

まとめ : ノウハウ図書館のサムネイル作成手順4ステップ

この記事では、ノウハウ図書館用のサムネイル作成について、下記4ステップについて解説しました。

ステップ1 : ノウハウ図書館推奨サイズのデザインを作成する
ステップ2 : 自分のイメージに近いテンプレートを選ぶ
ステップ3 : 自分の作成したい文言を入れて、レイアウトの調整をする
ステップ4 : 画像ファイルでダウンロードする

たった4ステップでサムネイルの作成、保存が可能です!

これからノウハウ図書館に投稿してみようかな?と考えている方の一助になれば嬉しいです。

また、いいねやコメントいただけると励みになります。


最後までお読みいただきありがとうございました。

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

いのうえ@北陸でクロコ導入サポート!

投稿者情報

いのうえ@北陸でクロコ導入サポート!

トラ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(31
  • 会員ID:VipD32rL
    会員ID:VipD32rL
    2026/03/20

    ノウハウ図書館のサムネイルの作り方がわからず、困っていたので、とても参考になりました。おかげさまで理想に近いものを作ることができ、何とか初投稿できました。ありがとうございました。

    いのうえ@北陸でクロコ導入サポート!

    投稿者

  • 会員ID:CgjPsMQo
    会員ID:CgjPsMQo
    2026/03/02

    ありがとうございました! 参考にさせていただきます。

    いのうえ@北陸でクロコ導入サポート!

    投稿者

  • 会員ID:OqHDuaqB
    会員ID:OqHDuaqB
    2025/12/21

    こちらを参考にサムネイル作成が無事できました☺️初心者にも分かりやすくとても助かりました!ありがとうございました✨

    いのうえ@北陸でクロコ導入サポート!

    投稿者