【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】

iPhone4 がついに届いて興奮気味のgunjiです。 2週間待ちでした！ 待ってる間に、iPhone4も対象としたWEBアプリ（ネイティブアプリのweb view を含む） のコーディングで気をつけることについておさらいしていたところ、 Retinaディスプレイに画像を最適化させるのって意外とめんどいよね！ という現実に打ちのめされたので、まとめてみます。 そもそもRetinaディスプレイってなんでしたっけ？ はいはい、iPhone4の目玉のひとつで、今までの2倍の解像度で 画面がとってもキレイに見えるんですよね！ 拡大しなくても小さな文字が読めるなんてサイコー！ ところが、今までiPhone向けに作ったサイトをこのiPhone4で見るとちょっと 不思議な状態になってることがあるのです。 iPhone4で見たらなんか画像がにじんでるように見える・・・？！ こういうイメージです。 そう、

[typista]

【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】

[kiyokichi]

画像を2倍の大きさで作って書き出し、記述は1/2に。

[sessan]

Retina Displayでの画像の解像度の取り扱い。これ、頭いたい。

[yoshida2855]

iPhone4 がついに届いて興奮気味のgunjiです。 2週間待ちでした！ 待ってる間に、iPhone4も対象としたWEBアプリ（ネイティブアプリのweb view を含む） のコーディングで気をつけることについておさらいしていたところ、 Retinaデ

[S_W_D]

Retinaディスプレイに画像を対応させるのって意外とめんどいよね！

[hirorock]

RetinaなSafariでキレイにレンダリングさせるためのデザイン手法

[izit_kosuke]

この辺の標準的な方法って、まだ世の中的にできあがってないですよね。個人的にはSVGが来そうな予感

[yakinikudaisuki]

【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】

[hiro_y]

Retinaディスプレイで画像をきれいに。

[version510]

iPhone4用の高解像度画像を表示させる方法

[hisasann]

なかなか面倒やね

[takeru-c]

ブログデザイン

[yaakaito]

やっぱこんなかんじなのかなー

[teppeis]

devicePixelRatio

[cho45]

(UA が同じなのでサーバーサイドではどうしようもない)

[lordkf]

横幅を2倍にしつつ、書き出しサイズにも気を使う、というのが正解な気がする。

[bwhr]

retina向けの。cssで判定分岐もできるがsvgという手も。

[Layzie]

考えてみりゃ、解像度2倍なんだから、そうなるわなあ

[dhrname]

Xperia (Android) はSVG対応ですよ　http://d.hatena.ne.jp/dhrname/20100504

[labocho]

retina display

[globalwe6]

めも RT 【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】

[schrift]

　iPhone 4 の 2 倍の解像度にいかに対応するか。

[night_hike]

技術の進歩で制作者もたいへんになってく。ぶー

[hiro-rock]

iPhoneのWebアプリ考察 SVGやPNGで試行錯誤したりなど

[sakaki0214]

ちょうどどうしようか迷っていたところにこんな素敵エントリーが！ぐんぐん素敵！