png画像の背景を透明にしてみる

いつもお世話になっております、ホームページのコンサルティングをお願いしようか迷っている株式会社イエカリヤです。

 

画像を保存するときに形式を決めますが、大体pngかjpegにしています、そこまで意識して決めていた訳ではないのですが、今回、png形式だと背景などを透明にできるらしいので試してみました。

 

●弊社ホームページのタブに注目

2018年10月9日現在だと、このサイトのタブはこういう見た目です。

イエカリヤの「イ」を切り抜いているのですが、正方形の範囲内が白くなっているのが確認できると思います。

png画像の背景を透明にしていないので、背景の色がそのまま出ているわけです。

別にそのままでも支障があるわけではありませんが、練習がてら直していきます。

 

●透明化はたった3ステップで完了

まず、photoshopを開いてクイック選択ツールの自動選択ツールにします。

 

透明にしたい色、今回は白の所でクリックすると、こういう風になります。

 

その状態でdeleteキーを押すと背景がチェック柄になります、これで透明化出来ました。

 

●サイトに登録すると

以前の状態

変更後の状態

「イ」の周りの色が、背景色と同じになっていることがお分かりになると思います。

これで背景が透明になったことが分かりました。

 

●まとめ

png形式で透明にできる。

透明化は簡単。

 

當間
當間
沖縄の中古不動産市場を活性化させるために日々活動しています。少し変わった物件が好きな、株式会社イエカリヤ代表です。プロフィールはコチラ
沖縄で不動産の売却をお考えの方用に売却専門サイトを開設いたしました。
↓こちらから売却サイトへアクセスできます。
 
 
友だち追加
電話アイコン 098-987-8349