*

[Photoshop]透過画像のふちをきれいに書き出し保存する

公開日: : 未分類

フォトショップ(Photoshop)で作成した透明部分がある、見出しアイコン用の透過画像を作成しました。

透過画像の作成

まず、拡張子GIFで書き出し保存しました。

gif透過画像ふち汚い

そして、ブラウザで確認したところ、

以下の画像のようにふちに白いドットが残っており、汚い見え方になってしまいました。

透過画像ふちが汚い

このままでは使えないので、次に拡張子PNG8の256色で書き出し保存をしました。

透過画像PNG8

そして、ブラウザで確認したところ、

以下の画像のように先ほどと同じようにふちに白いドットが残っており、汚い見え方になってしまいました。

透過画像ふちが汚い

このままでは使えないので、さらに次に拡張子PNG24で書き出し保存をしました。

透過画像PNG24

そして、ブラウザで確認したところ、

以下の画像のようにふちに白いドットは無く、きれいに表示させることができました。

透過画像PNG24ふちきれい

結論 PhotoShopで作成した透過画像のふちが汚く表示される場合は、書き出し保存でPNG24の拡張子を選択して保存すればきれいに処理されました。

 

ad

関連記事

no image

完全無料でWordPress(ワードプレス)サイトを作ってアクセス解析やアフェリエイト広告を設置する方法

完全に無料でWordPress(ワードプレス)サイトを作る手順を書きます。 目次 グー

記事を読む

no image

WordPressテーマ「stinger」にはメタキーワードタグとディスクリプションタグが無い!?

SEOにつよいWordpressテーマ「stinger」には、「meta keyword」、「met

記事を読む

no image

[HTML/CSS]classかつclassでセレクタを指定するときの方法(2つ以上複数のclassで指定するとき)

WordPrsssを使っているとbodyクラスが大変便利ですが、トップページもその他ページも「固定ペ

記事を読む

no image

[html/css]検索ボックスをオリジナルの画像で表示させる

デフォルトの検索ボックスといえば・・・ このように味気ないデザインですよね。 やはりサイトの

記事を読む

no image

twitterの埋め込みタイムラインウィジェットの表示がおかしい!開く、伸びる、閉じない!

現在サイトでのtwitterの埋め込みタイムラインウィジェットの表示がおかしいことに・・・!

記事を読む

no image

3.無料で高機能なアクセス解析Google Analytics(アナリティクス)を設置する

完全無料でWordPress(ワードプレス)サイトを作ってアクセス解析やアフェリエイト広告を設置する

記事を読む

no image

[Windows7]ファイル拡張子ごとのアイコンを簡単に変更する方法

Windows7 でファイルを拡張子ごとにアイコンを変えたいときの方法です。 たとえば、txtファ

記事を読む

no image

[WordPress]ContactForm7をオリジナルページで表示させる方法

大変便利なプラグインContactForm7ですが、通常の設置方法は の  を投稿ページや固定

記事を読む

no image

Adobeのソフトのアイコンが正しく表示されない時の直し方(Photoshop・Illustrator・Flash・Fireworks・Bridge・Extension Manager等)

AdobeのCS6を購入し、インストールしたのですがいくつかのソフトのアイコンが正しく表示されない現

記事を読む

no image

1.グーグルの無料メール(gMail)を取得する

完全無料でWordPress(ワードプレス)サイトを作ってアクセス解析やアフェリエイト広告を設置する

記事を読む

ad

Message

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

ad

PAGE TOP ↑
  プロフィール  PR:無料HP  合宿免許 大型  コンピューターグラフィックス 専門学校  シャーゼン  中古ホイール 茨城  タイヤ アルファード 格安  大学  バイクパーツ  きつき自動車学校  数珠  物流 業務改善  音楽 専門学校 福岡  サニー 日産 中古  名簿業者