クライアントワークでretina用画像の対応ってみなさんどうされてますか?もちろん、案件にもよると思うのですが、簡単だけどsrcsetはまだ早い気もするし、自分的にこれ!という決定的な処理方法がないんですよね。参考までに、みなさんどうされてるか、お聞かせください。よろしくお願いします。現時点では、jqueryが1番楽なのかな…
スマホサイト作る時、画像サイズを常に2倍にしてれば問題ないだろ
幅850px以上で作る
そのこころは?
サイズ2倍、画質2分の1で対応しています。imgタグのサイズ指定がめんどくさいんだけど、誰か良い方法知らないかな?
jQuery使えば簡単だぞ
非retina用画像の読み替えなしでやっているのですが、jqueryのライブラリーでimgのサイズ指定できます?
ライブラリじゃなくて自分で書けよ。画像の元サイズ取得してそれを半分にして出力するだけだから。
やっぱり自分で書くsかないんですね。ありがとうございます。
倍サイズの画像をwidthで指定して、Reitinaディスプレイ以外で確認したとき、微妙に画像の雰囲気変わりますよね。ホントに少しだけ、ややぼやけて見える。とくに文字だけのpngでMac/Safariのときとか。あれきになる人いないかなー。
Retinaです
偶数でやればできる!
それ気にしてたらハゲるぞ!
偶数でもぼやけねぇ?
クライアントと予算によるかなぁ。
本気のときはretinaimages.phpを使うかなぁ。同業やデザイナーが多く見るようなサイトの時は。デメリットは@2xの画像をいちいち用意するのが面倒。
他は基本、倍サイズでwidth:100%;とかで押さえつけるかな。素材が適当な仕事は、倍のサイズなくても1.5倍ぐらいあればよしとしてる。だいたいそれぐらいあれば素人目にはわからんよ。細かいこと気にしてたらハゲるわ。
画像は2倍で作成して、imgタグのサイズ指定を空欄にしてcss でそれぞれの画像サイズを指定するというのはあかんのかな?
みんなの回答 6 件
スマホサイト作る時、画像サイズを常に2倍にしてれば問題ないだろ
幅850px以上で作る
サイズ2倍、画質2分の1で対応しています。
imgタグのサイズ指定がめんどくさいんだけど、誰か良い方法知らないかな?
倍サイズの画像をwidthで指定して、Reitinaディスプレイ以外で確認したとき、微妙に画像の雰囲気変わりますよね。ホントに少しだけ、ややぼやけて見える。
とくに文字だけのpngでMac/Safariのときとか。
あれきになる人いないかなー。
クライアントと予算によるかなぁ。
本気のときはretinaimages.phpを使うかなぁ。同業やデザイナーが多く見るようなサイトの時は。
デメリットは@2xの画像をいちいち用意するのが面倒。
他は基本、倍サイズでwidth:100%;とかで押さえつけるかな。
素材が適当な仕事は、倍のサイズなくても1.5倍ぐらいあればよしとしてる。
だいたいそれぐらいあれば素人目にはわからんよ。
細かいこと気にしてたらハゲるわ。
画像は2倍で作成して、imgタグのサイズ指定を空欄にして
css でそれぞれの画像サイズを指定するというのはあかんのかな?
関連するトピックス