![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.3ベストアンサー
- 回答日時:
GIFは透過フォーマットをサポートしていますが、あくまでON、OFFの
情報しかもつことができません。
一方、PNGはフォーマットとしては256段階の透明化をサポートしていますが、
編集・表示をサポートするソフトがまだ少ない(今後増えるかどうかも謎)
ですので、#1の方がおっしゃるように、PhotoShopを始め、複数色を透明色
にすることはできますが、表示するかしないかしかの2択なので、エッジ部分
が不自然になってしまうのは仕方がないことだと思います。
(また、複数色を選択するのは面倒ですし、エッジでない部分まで透明化
されてしまう可能性があります。)
エッジの不自然さを回避するのには、画像作成時に背景色を使用するページの
背景色、背景画像に近い色で作成すること。
たとえばページの背景が青、で、表示するのが黒丸の画像でしたら、白地に
黒い丸の画像を描いて、白を透明色として透過GIFにすると、黒丸の画像の
周辺部はグレーの部分が残って、不自然。
しかし、画像作成時、青地に黒い丸の画像を描いて、青を透明色として透過
GIFにすると、周辺部はグレーではなくて青みがかったグレーになっている
ので不自然に感じません。
もちろん、ページの配色を変えたら、もう一度画像を作り直す必要があります。
作成時に背景色をレイヤにしておけば簡単、とはいえ、手間がかかることには
違いがありませんが、惜しむことのできない手間です。(もっとも、配色をかえ
たら素材も作り直すのが本当でしょうが)
それか、多少ギザギザになることを覚悟してはじめからエッジ部分はアンチ
エイリアシングしない。
そんなところでしょうか。
どうもありがとうございました。
sightさんをはじめ皆さんの意見は大変参考になりました。
結局、イラストレーターでロゴを作る→フォトショップのレイヤーの背景をHPの背景色と同じにするということで解決しました。さっき自分が作ったのより、全然満足しています。せっかく思うようにデザインしたものが、あのギザギザ(エッジ)によって、暗い気持ちになっていたので、今は晴れ晴れと次の作業に取り掛かろうと思います。本当にありがとうございました。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_07.png?e8efa67)
No.2
- 回答日時:
私も素人なので的をはずしたお答えになるかも知れないと心配ですが。
その透明GIF画像を作ったときに白い地色の上に作られ、その白色を透明にされたとおもいます。ところが画像の周囲が本当の白でなかったら、当然そこは透明にならないですね。
対策は、黒い地色でGIF画像を作ってみて、その黒を透明にしてみるのですね、このときも画像の周囲には本当の黒でない黒が残りますが、白よりは目立たないのではないかと思います。
一番よいのはHP上で背景にしたいなあと思っていらっしゃる色を地色にすることです。これですと透明にしなくてもいいわけですが、模様のある背景には乗せられませんね。
とにかく白か黒かどちらかの地色の透明GIF画像を作って、感じのよい方を使うのが実用的ですね。
フリーの素材集などを提供してくださっているサイトなどでは、黒と白の両方の地色で同じ模様の画像を用意してくださってますね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ソフトウェア) ペイントで切り抜いた画像の背景を透明に 2 2022/09/15 10:20
- Illustrator(イラストレーター) Illustratorで白い部分のみを透過させたいです。 2 2022/10/10 22:27
- Word(ワード) オフィスのワードで背景の色を無くす方法 3 2022/12/04 13:34
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- ノートパソコン Outlookメールで本文中のgif動画をDTに保存したい 3 2023/03/09 21:38
- その他(ブラウザ) zoomのバーチャル背景が選べない 4 2022/12/08 12:38
- Excel(エクセル) こんなことできますか?例えば、sheetに貼り付けた図形のタイトルを、セルA1の文字で表示する。 5 2022/04/22 15:25
- Photoshop(フォトショップ) フォトショップで切り抜いた画像を透明にするには 3 2022/09/15 11:50
- ノートパソコン PowerPointにあるgif動画をgif動画のまま保存したい 3 2023/02/02 12:59
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
エクセルで「特定の文字を含む...
-
個別に違う添付ファイルを付け...
-
e-taxで送信ファイルの拡張子が...
-
2枚、マイクロSDカードを入...
-
ガラケーからPCへの写真の取り込み
-
ビデオファイルのプロパティの...
-
ポーカーの手の判断
-
スマホでtxtファイルを編集する...
-
PC内で速度を遅くした音源をCD...
-
情けない話ですが成田エクスプ...
-
カラーの背景に透過GIFを貼り付...
-
エアコンの冷媒 R410Aの重...
-
ホームページビルダーのプレビ...
-
コードの一部を外だしにする方...
-
SDカードの中に入ってる小さい...
-
garagebandのLR Mixの方法について
-
EXCELマクロでのtifファイルの...
-
VBS フォルダ内にあるすべての...
-
ドアスコープが取れない
-
フラッシュ画像の設定について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別に違う添付ファイルを付け...
-
A4の紙に印刷されている文字を...
-
e-taxで送信ファイルの拡張子が...
-
エクセルで「特定の文字を含む...
-
スマホでtxtファイルを編集する...
-
ガラケーからPCへの写真の取り込み
-
PC内で速度を遅くした音源をCD...
-
VBS フォルダ内にあるすべての...
-
エアコンの冷媒 R410Aの重...
-
iPhoneの内蔵の記憶媒体は、HDD...
-
stdio.hの中身
-
ビデオファイルのプロパティの...
-
ファイル数と合計サイズの取得方法
-
2枚、マイクロSDカードを入...
-
拡張子「.IDJ」を、windo...
-
プロ野球の結果を教えてください
-
複数のブックを新しいブックのS...
-
VBA:カウンターの i の値が開放...
-
SDカードを挿してるのに挿入し...
-
リストビューの選択状態を取得...
おすすめ情報