質問: ### 前提・実現したいこと お世話になります。 当方、あるサイトの作成を受注しており、コーディングした後、先方にテストサーバーにアップしたものを確認してもらったのですが、表題の通り画像がガビガビ(角が粗くなる)に表示されてしまうようです。 私のPC(mac),iPhone、オフィスにある別のPC(windows)ではそんなことはなく綺麗に表示されるのですが。。 使用した画像はデザイナーさんから頂いたもので、png形式です。 先方のPCで使用しているブラウザに原因があるのでは、と考えましたが、先方は最新のIEとgoogle chromeを使用しているそうです。 画像の圧縮なども行いましたが、当該サイトを先方がスクショしたものを見たところ確かにガビガビでした。 私はillustoratorやphotoshopを普段使わず、画像についてはあまり明るくないのですが、考えられる原因として何があるか教えて頂けますでしょうか? これだけの情報では何もわからないと言われてしまいそうで、申し訳ありませんが、クライアントとの関係上、当該画像をお見せすることは難しいです。 何卒よろしくお願いいたします。
回答: > > 補間することで画質が変わることがあるのでしょうか? > > > 補間の方法によっては以下の記事の画像に示ように違いが出ます。 ブラウザによっては、大きな画像を width, height を指定して縮小すると、その記事の Default のように表示されるものもあります。 > > 先方は最新のIEとgoogle chromeを使用しているそうです。 > > > とのことですので違うかもしれませんが、以下の記事の「改善前」のようになるブラウザもありました。 ご参考まで。 【追伸】 上に紹介した記事の「改善前」は最新のブラウザで見ると「改善後」より良く見えることがありますので注意してください。