ホームページ >ウェブフロントエンド >PS チュートリアル >Photoshop Web ページを保存した後にアイコンがギザギザになる問題を解決する方法

Photoshop Web ページを保存した後にアイコンがギザギザになる問題を解決する方法

高洛峰
高洛峰オリジナル
2017-02-24 09:47:274301ブラウズ

一部の人が png 画像を使用するとき、IE6 で png32 または png24 の不透明度と互換性を持たせるために、js を使用して処理します。

png は png8、png24、png32 の 3 つの形式に分かれており、値が大きいほど画像の精度と品質が向上し、それに応じて画像の相対的なサイズも大きくなります。加工写真も。さて、ナンセンスな話はこれくらいにして、すぐに本題に移りましょう。実はIE6は透過png8の画像に対応しているのですが、Photoshop
を使ってpng8を作ると
エイリアスが発生してしまうため、IE6には対応していません。しかし、Fireworks はあるので、Fireworks を使用して エイリアス なしで png8 を作成してみましょう。

photoshop 网页png图标保存后有锯齿解决办法

同じ PSD 画像を Fireworks に配置し、以下に示すように設定します:

photoshop 网页png图标保存后有锯齿解决办法

最後に、エクスポートを選択し、名前を付けて保存しないでください。そうしないと、ギザギザのままになります。

photoshop 网页png图标保存后有锯齿解决办法

Photoshop の png8 写真はギザギザしています:

photoshop 网页png图标保存后有锯齿解决办法

そして、Fireworks で作成された png8 の画像は Photoshop のものよりもはるかに小さいです:

photoshop 网页png图标保存后有锯齿解决办法

へへ。 、Fireworks の機能がここまで強力になるのはすごいですね

保存後にギザギザになる Photoshop Web ページの PNG アイコンの詳細については、PHP 中国語 Web サイトの関連記事に注目してください。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。