【Webアプリ】iPhone4 で画像をきれいに表示するもう一つの方法【mod_rewrite】 - nazokingのブログ
iPhone4は解像度が高いので、画像を切り替えないと、もやっとする。 【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】 | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話 Retinaディスプレイに画像を最適化させるのって意外とめんどいよね！ という現実に打ちのめされたので、まとめてみます。 によると ぜんぶ高解像度の画像にする → 3Gで表示が重いかも 画像を2種類つくって切り替える → 画像の数が多いとひとつひとつCSS指定するのが辛すぎる 画像はスケーラブルなデータ形式で用意する → 次に作るときはそうしよう…… 画像はそもそも使わないデザインにする → 次に作るときはそうしよう…… ということで決定打はなさそうな感じ。 でも、画像の切り替えって USER_AGENT 見て mod_rewrite で
マイコミジャーナル｜【レポート】iPhone 4に対応したWebサイトを作る方法（2010/07/05）
The WebKit Open Source Project iPhone 4にはRetinaディスプレイと呼ばれる高解像度ディスプレイが搭載されている。これは従来のiPhone 3GSの4倍の解像度にあたり、その美しさはiPhone 4の売りのひとつになっている。iPhone 4 Retinaディスプレイの美しさはユーザを満足させるものかもしれないが、同時に、WebデベロッパやWebデザイナに対してこれまで議論に上がっていた「High DPIに対応するWebサイト」という課題を実感させるものにもなった。 サイズが同じでディスプレイの解像度だけが上がるということは、従来と同じ方法でレンダリングすればその分小さく表示されることを意味している。これでは読めたものではないため、見やすいサイズまでスケールを上げる。iPhone 3GSとiPhone 4のケースなら、縦を2倍、横を2倍にすればいい。
マイコミジャーナル｜【レポート】iPhone 4でもPCでも画像を綺麗に表示するCSSの使い方（2010/07/23）
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers WebデベロッパやWebデザイナにとって差し迫った課題のひとつに、WebサイトをどうやってiPhone 4に対応させるか、といったものがある。iPhone 4の画面解像度はiPhone 3GSの4倍。縦が2倍、横が2倍の解像度になっている。このため、スケーラブルなデータを表示させた場合、iPhone 4とiPhone 3GSでは表示されるデータの美しさに大きな違いが現れる。iPhone 4の表示は美しい。 しかし、PCやiPhone 3GS向けに用意した画像はiPhone 4では従来通りの見た目で表示される。サイズのバランスをとるために1x1ピクセルを2x2ピクセルに拡大して表示するためだ。これではiPhone 4のRetinaディスプレイの性能
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
