タグ

Retinaに関するchottのブックマーク (2)

  • iPhone 6/6 Plus用の画像作成時に役立つピクセル図解サイト | ライフハッカー・ジャパン

    iPhone 6 Screens Demystified」はiPhone 6/6 Plus用の画像作成時に役立つピクセル図解サイトです。画面サイズが大きくなったiPhoneに対応するためにどれくらいのサイズの画像を用意すればよいかひと目でわかります。 以下に使ってみた様子を載せておきます。まずiPhone 6 Screens Demystifiedへアクセスしましょう。 画面をスクロールすると一目瞭然。元々の画像サイズとiPhoneのピクセル数によりどのようにレンダリングされているかが分かりますね。注目すべきはiPhone 6 Plusでダウンサンプリングされているところ。ぜひiPhone 6/6 Plus 対応する際にご活用ください。 iPhone 6 Screens Demystified (カメきち)

    iPhone 6/6 Plus用の画像作成時に役立つピクセル図解サイト | ライフハッカー・ジャパン
    chott
    chott 2014/11/03
    論理ピクセルがどう描画されるか
  • WebページをRetina対応させるテクニック~基礎知識編

    WebページをRetina対応させるテクニック~基礎知識編:jQuery×HTMLCSS3を真面目に勉強(4)(1/2 ページ) iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。 はじめに 2010年6月に登場したアップルのiPhone 4には「Retinaディスプレイ」と呼ばれる、それまでの常識を覆した高精細なディスプレイが搭載されました。それ以降、スマートフォンやタブレットといったモバイル端末のディスプレイはより解像度の高いものへと進化していき、2013年の初めにはサムスン電子のGALAXY S4やソニーモバイルのXperia Zなど、フルHD画質対応(1920×1080ピクセル)のディスプレイを搭載したスマートフォンが登場するまでになりました。 高精細ディスプレイの登場

    WebページをRetina対応させるテクニック~基礎知識編
    chott
    chott 2014/10/19
  • 1