-
ID:T9x29g さんの質問

クライアントワークでretina用画像の対応ってみなさんどうされてますか?
もちろん、案件にもよると思うのですが、簡単だけどsrcsetはまだ早い気もするし、自分的にこれ!という決定的な処理方法がないんですよね。参考までに、みなさんどうされてるか、お聞かせください。
よろしくお願いします。
現時点では、jqueryが1番楽なのかな…

みんなの回答 6 件

ID:ZW2W0. さんの回答

スマホサイト作る時、画像サイズを常に2倍にしてれば問題ないだろ

ID:x.tO2u さんの回答

幅850px以上で作る

ID:TAFb3b

そのこころは?

ID:uYg7f9 さんの回答

サイズ2倍、画質2分の1で対応しています。
imgタグのサイズ指定がめんどくさいんだけど、誰か良い方法知らないかな?

ID:ZW2W0.

jQuery使えば簡単だぞ

ID:uYg7f9

非retina用画像の読み替えなしでやっているのですが、jqueryのライブラリーでimgのサイズ指定できます?

ID:ZW2W0.

ライブラリじゃなくて自分で書けよ。
画像の元サイズ取得してそれを半分にして出力するだけだから。

ID:uYg7f9

やっぱり自分で書くsかないんですね。ありがとうございます。

ID:2/al4x さんの回答

倍サイズの画像をwidthで指定して、Reitinaディスプレイ以外で確認したとき、微妙に画像の雰囲気変わりますよね。ホントに少しだけ、ややぼやけて見える。
とくに文字だけのpngでMac/Safariのときとか。
あれきになる人いないかなー。

ID:2/al4x

Retinaです

ID:uYg7f9

偶数でやればできる!

ID:v.XtWM

それ気にしてたらハゲるぞ!

ID:9DmdJG

偶数でもぼやけねぇ?

ID:v.XtWM さんの回答

クライアントと予算によるかなぁ。

本気のときはretinaimages.phpを使うかなぁ。同業やデザイナーが多く見るようなサイトの時は。
デメリットは@2xの画像をいちいち用意するのが面倒。

他は基本、倍サイズでwidth:100%;とかで押さえつけるかな。
素材が適当な仕事は、倍のサイズなくても1.5倍ぐらいあればよしとしてる。
だいたいそれぐらいあれば素人目にはわからんよ。
細かいこと気にしてたらハゲるわ。

ID:9DmdJG さんの回答

画像は2倍で作成して、imgタグのサイズ指定を空欄にして
css でそれぞれの画像サイズを指定するというのはあかんのかな?

最終更新日:2015-07-21 (2,711 views)

関連するトピックス

ページ上部に戻る