Canvaユーザー向け、背景透過を徹底解説【無料でもできる】

※ この記事は「2024年11月21日」に更新しました。

  • 画像作成に Canva をよく使っている
  • 背景透過機能を使いたいけど、無料でできる?

上記のような方に向けて、画像編集経験のある人が解説します。

最近は、サブスク型スクール( Withマーケ )で Webデザイン講座(※)も受講しています。

※ 今回紹介している内容を学べる講座ではありません。

ロゴを手軽に作成したい方など、参考にしていただければ幸いです。

タカフミ
記事を書いている管理人の経歴は、以下の通りです。
  • 基本情報技術者資格所有者(ソフト開発の国家資格)
  • WordPress歴、10年以上
  • Withマーケ会員(2022年10月入会)

背景透過できるファイル形式

Canva(キャンバ)は、非常に優れたデザインツールです。

ブラウザ上で、誰でも簡単に画像を作成することができます。

タカフミ
ただ、ファイル形式だけは注意が必要です。

ファイル形式によって、それぞれ特性があり、背景透過できるものが限られているからです。

ファイル形式 背景透過 特徴
GIF 可能 表示できる色数が限られており、ファイルサイズは小さめ。色が少ないイラスト向き。
JPEG 不可能 圧縮率を高くして、ファイルサイズを小さくできる。色数が圧倒的に多い写真向き。
PNG 可能 Webで活躍する、割と新しい画像形式。画像によっては容量が大きくなりやすい。
※ 右にスクロールできます。

背景透過できるのは、GIF および PNG です。

今回は、PNG形式 をメインで使っていきます。



Canva(無料版)でダウンロードした画像を背景透過する方法

Canva(無料版)でダウンロードした画像を背景透過する方法

まず、Canva(無料版)でダウンロードした画像を背景透過する方法 を紹介します。

タカフミ
無料版の場合、背景を透過した PNG をダウンロードすることができません。

そこで、無料画像編集ソフト、GIMP(ギンプ)と組み合わせて、背景を透過させます。

公式サイト
GIMP(ギンプ)
https://www.gimp.org/

仕組みを理解すれば、GIMP 以外の画像編集ソフトを使っていただいても問題ありません。

もちろん、高機能である Photoshop(フォトショップ)も同じように加工できます。

  • 色域指定を使う方法
  • ペンツールを使う方法

それぞれ解説します。

色域指定を使う方法

色域指定を使えば、特定の色を選択範囲に指定することができます。

グラデーションなどがかかっていない、単色であれば、この方法で背景透過できます。

タカフミ
GIMP を使って、実際に背景を透過させます。

Canva を使って、ダウンロードした画像(PNG形式)を GIMP で開きます。

まず、選択 → 色域を選択 をクリックします。

色域指定を使う方法
タカフミ
次に、黒背景の一部をクリックします。

すると、以下のように黒い部分が範囲選択されます(今回、しきい値は 40 に調整しました)。

色域指定を使う方法

Del キーで削除すれば、背景を抜くことができます。

色域指定を使う方法

あとは、ファイル → 名前を付けてエクスポート で背景透過できる PNG形式でデータを書き出して終了です。

タカフミ
ただし、背景が写真のような、色が複雑な場合と相性が悪いです。

この場合、次のペンツールを使う方法で解決します。

ペンツールを使う方法

ペンツールは、ベジェ曲線とも呼ばれており、どんな形でも強引に切り抜くことができます。

被写体の形にパスを描画すれば、パスを選択範囲にすることができます。

あとは、選択範囲を反転させて、削除すれば、背景透過可能です。

タカフミ
ただし、被写体の形が複雑だと、パスを描画するのに苦労します。

ただ、時間さえかければ、割と色々な被写体を切り抜くことができます。



Canvaプロ(有料版)なら、簡単に背景透過できる

Canvaプロ(有料版)なら、簡単に背景透過できます。

タカフミ
他の画像編集ソフトを使う必要はなく、Canva だけで完結します。

ファイルをダウンロードするとき、PNG の場合、以下のような、背景透過 のチェックボックスがあります。

背景透過チェックボックス

そこをチェックして、ダウンロードするだけです。

他に、背景リムーバ機能 というものもあります。

こちらは写真などの被写体の背景を切り抜く機能です。

Canvaプロ(有料版)の料金は、年間で 11,800円とリーズナブルです。

使える素材も大幅に増えるので、ヘビーユーザーは検討する価値ありです。

公式サイト
Canvaプロ(概要)
https://www.canva.com/ja_jp/pro/

最後に

Canvaユーザー向けに背景透過を解説しました。

似たようなアプリは多く、基本をおさえておけば、無料でも色々できます。

タカフミ
被写体の切り抜きを含めると、背景透過は表現の幅を広げてくれます。

難しい加工ではないので、ロゴの背景が残っている方などは試してみることをおすすめします。