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

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

関連記事

新米Webデザイナーが入社1ヶ月目を振り返る

制作会社でwebデザイナーとして働き始めて、早1ヶ月が経ちました。   せっかくなので今日は、この1ヶ月を振り返って感じたことや学んだことなどをまとめていきたいと思います。 では早速。   …

ゲーム感覚でベジェ曲線を練習できる「The Bezier Game」

イラストレーターの特徴とも言えるベジェ曲線について、「難しい」「上手く描けない」と思われている方は多いと思います。 私自身、まだまだベジェ曲線を使いこなせていなくて、苦手意識がすごくあります…。 そん …

参考になるクオリティの高い政治家サイト4選

こんにちは、ぶちこです。 制作会社に入社して約半年、毎回さまざまな業種のデザインに携わらせてもらっていますが、今回初めて政治家の方のサイトを手がけることになりました! とは言えなかなかイメージがつかず …

【Illustrator】矢印キーでの移動の距離がおかしくなった時の対処法

Illustratorを使用中、突然移動の距離がおかしくなってしまったことはありませんか? 移動の距離が大きくなってしまって、ピクセルできっちり移動ができなくなった…という感じです。 私はこの現象を時 …

CSSをゲーム感覚で学べる「CSSバトル」が面白い!

こんにちは、ぶちこです。 先日、CSSをゲーム感覚で楽しみながら学べる面白いサイトを見つけたのでご紹介したいと思います。   CSSバトルのご紹介 その名も「CSSBattle」という海外の …