Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
ロゴの背景を簡単に透明にできる「画像透過ツール」 | ぶちろぐ

アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

ロゴの背景を簡単に透明にできる「画像透過ツール」

投稿日:

今回は、PhotoshopやIllustratorなどのソフトを使わずに、ブラウザで簡単にロゴの背景を透過することができる「画像透過ツール」をご紹介します。

 

「画像透過ツール」の使い方

https://www.webtoolss.com/touka.html

 

使い方ですが、まずは画像読み込みエリアに画像をアップロードします。

この時、透過の設定が「色モード」になっていることを確認してください。

 

次に透過したい部分をクリックします。

今回は白背景の部分を透明にしたいので白背景の箇所をクリックしました。

すると白色だった部分が透明になりましたね。

 

透過できたロゴの保存の方法ですが、右側にある「画像化」ボタンをクリックしてください。

するとすぐ下に保存用の画像が表示されるので、右クリックでロゴを保存をすることができます。

 

まとめ

いかがでしたでしょうか?

aiデータがない時などにサッと透過することができて便利なサイトなのでぜひお試しください。

 

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【Illustrator】文字を斜体にする方法

Illustratorのテキストを斜体にして配置したい場合、英字フォントであれば「Italic指定」ですぐに斜体に変換できるものが多いですが、日本語フォントの場合は「Italic」がないですよね。 じ …

かわいいデザインのサイトが集まったギャラリーサイト

一口に“かわいい系のサイト”と言っても、子供向けのポップな感じなのか、女性向けの柔らかい感じなのか…など、様々ですよね。 なので、WEBデザインでかわいいを表現するのはなかなか難しいなあとよく思います …

文字タッチツールを使えば、面倒な文字組みが簡単にできる!

   イラストレーターで簡単に文字の大きさや角度を変えたい! …そんなときに便利なのが、文字タッチツールです! この文字タッチツールを使えば、文字をアウトライン化せずに、大きさ・色・回転・カーニング・ …

デスクトップやWeb上の画面から色を簡単に抽出する方法

デザイン制作時に参考サイトから色を抽出したい時、皆さんはいつもどうしていますか? 私は初めの頃、参考をキャプチャ→保存→Illustrator・Photoshopで開いて色を抽出、という流れでやってい …

OGP画像シュミレータ「og:image Simulator」のご紹介

Webページをシェアした時にFacebook上で表示されるOGP画像ですが、きちんと設定をしないと画像が見切れてしまったり、正方形になってしまったりしますよね。。 そんな悩みを解決する便利なサービスを …