photoshopでアイコン作ったら

質問

助けてくだされ。

web用に丸いボタン作りました。
それをweb用に保存（.jpeg)しました。

それを実際ホームページに載せると丸いボタンの回りの
四角が白くでてしまってます。
photoshop上ではちゃんと透明な背景になっているのに
なぜ？？

よろしくお願いします。

回答No.4

banana00 · ベストアンサー

Photshopで画像を開いて、
画像を選択ツールですべてコピーし、
「ファイル」→「新規」で新しいファイルを立ち上げる。
この時、「内容」の部分の「透明」にチェックを入れ、
新規ファイルを立ち上げます。
立ち上がったら、「編集」→「ペースト」で画像を貼り付け、自動選択で要らない部分を切り取ります。
その後、「ファイル」→「Web用に保存」を選び、
gif形式で保存し、アップロードしてみてください。
なお、「レイヤースタイル」の「ドロップシャドウ」
など、背景に重なる部分に影を付けている場合は
透過処理をしたgif画像でも影の部分だけ白くボヤけます。
これはどうしようもないようです…

回答No.5

master-3rd

写真屋のバージョンが何か書いてないので出来ないかもしれないけど…
(次回から質問するときはバージョンも書いてくださいね。それによって出来ること出来ないことがあります)

とりあえずは、レイヤーを複数枚作り、背景レイヤーを削除します。これで色が無いところは透明になります。
「ctrl」+「Alt」+「Shift」+「s」を同時に押して「webに保存」します。
設定下の画像形式を「GIF」にします。
さらにその下「透明部分」にチェック。

「透明部分」横の「マット」をホームページの背景色(テクスチャの場合は近似色)を指定。
保存。

これで影など半透明を使っていても綺麗になじみます。

お礼

＞次回から質問するときはバージョンも書いてくださいね
了解です。アドバイスありがとうございますm(__)m

因みに今回は古くてphotoshop 5.5 です。

回答No.3

kumanosennin

jpegでは透過処理は出来ません。ボタンをgifで保存し直し周りの背景を消してから再度アップしてみてください。

回答No.2

chie65536

jpeg には背景色透過機能はありません。photoshop 上で背景が透明になっていても、jpeg 形式で保存された画像は「すべてのドットに色が付いて」しまいます。

背景色を透過させる場合は、背景色透過付きの gif 形式ファイルを保存出来る Paint Shop Pro などを使用して、透過付きの gif で保存して下さい。

Paint Shop Pro などが無い場合は、ホームページのバックグラウンドに指定した色と同じ色を背景色にして誤魔化すしかありません（ホームページのバックグラウンドに画像を指定している場合は諦めるしかありませんが）

回答No.1

Ulu_lun

画像をフォトショで開いて円の周りを自動選択して
切り取ってみてください。
フォトショの背景のデフォルトは白なので、透明に
する必要があるのでは・・・

もし、これでうまくいかなかったら円を選択して新
規レイヤーにコピーして「背景」レイヤーを消した
状態で保存してみてください。

補足

両方ともやってみましたが駄目ですー。
円の周りを自動選択した状態で”切り抜き”が選択できない状態です。何故だぁ。