Tags

閉じる

Category

閉じる

Search

Search

閉じる

( ・ω・)⊃ “ webkit “ の検索結果

iPhone4 がついに届いて興奮気味のgunjiです。
2週間待ちでした!

待ってる間に、iPhone4も対象としたWEBアプリ(ネイティブアプリのweb view を含む)
のコーディングで気をつけることについておさらいしていたところ、

Retinaディスプレイに画像を最適化させるのって意外とめんどいよね!

という現実に打ちのめされたので、まとめてみます。

そもそもRetinaディスプレイってなんでしたっけ?

はいはい、iPhone4の目玉のひとつで、今までの2倍の解像度で
画面がとってもキレイに見えるんですよね!
拡大しなくても小さな文字が読めるなんてサイコー!

ところが、今までiPhone向けに作ったサイトをこのiPhone4で見るとちょっと
不思議な状態になってることがあるのです。

iPhone4で見たらなんか画像がにじんでるように見える・・・?!

iPhone4だとなんか画像がにじむ・・・

こういうイメージです。
そう、2倍の解像度ってことは、今まで等倍で表示していた画像が
2×2=4倍に引き伸ばされて表示されるということなのです。

(ネイティブアプリでの切り替えや詳しい画像の作り方については別のメンバーが
書くって言ってました。お楽しみに!)

では、WEBアプリ(サイト)ではどうすればiPhone4の高解像度を活かして 画像をきれいに表示することができるのでしょうか?
つづきから、詳しく見ていきましょう。

続きを読む

警告とメッセージ