解像度の違いによる印刷比較をしてみたよ！
3種類の異なる解像度で保存したデータ 画像解像度（dpi）とは1インチ（2.54cm）にどれだけの密度で点が集まっているかのことです。 “dot per inch（ドット パー インチ）”の略。 解像度について詳しくは画像ファイルのあれこれを参照してください。 3種類のデータをアップにして並べてみると、72dpiのファイルはかなりドットが目立ちガタガタしています。点の数が少ない=1つのドットが大きいためです。 「画像（画質）が荒い」などと言われるのがこの状態です。 72dpiと150dpiの差は明らかですが、150dpiと300dpiの差はそこまで大きく出ませんでした。 デザインにもよりますが、ある一定以上の解像度になってくるとほとんど差が出なくなります。 高解像度300dpiのデータは点の数が多くギザギザは目立ちにくいですがデータのファイルサイズも大きくなります(¯･ω･¯；) ファイル
Android端末のdevicePixelRatio
Android端末のdevicePixelRatio WebKit系のブラウザではdevicePixelRatioというプロパティが定義されています。これは画像1pxを実際のデバイス上で何pxとしてレンダリングを行うかというもの。 CSSでdevicePixelRatioを特定できる -webkit-min-device-pixel-ratioなどは iPhone4のRetina Display対応などで一時期注目されましたね。 【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】 | KAYAC DESIGNER'S BLOG JavaScriptでは次のように取得できます。 window.devicePixelRatio そこで、Android端末のdevicePixelRatioがどうなってるかTwitterで色々な方に協力いただき調べてみました。
｢ピクセル密度｣の意味、そして無意味
デジカメの画素数みたいな感じ。 HTC最新機種のDroid DNA（日本のJ Butterfly）は、面白いスペックがぎっしり詰まってます。クアッドコアのSnapdragon搭載だし、全体のサイズはGalaxy S III（4．8インチ）と同じくらいでディスプレイは5インチ。搭載されたSuper LCD 3はHTC Windows Phone 8xのSuper LCD 2を上回るものです。すべてにおいてすごいデバイスです。 でも特にHTCが強調しているのは、1920ｘ1080の解像度です。ピクセル密度でいえば440ppi（ppi＝Pixel Per Inch、1インチあたりのピクセル数）、これはコンシューマーのモバイル端末としては最高値になります。これだけ高いんだから他よりずっとキレイに違いない、と思われるんですが、実はそうとも限らないんです。 ピクセル密度にはどんな意味があって、どんな意
安藤日記
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ Chrome Tech Talk -------------------- モバイルアプリの最新動向 - High DPI とマルチタッチ （ From High-DPI to multi-touch: cutting edge mobile web ） （講演者:Boris Smus） プレゼン資料 http://smustalks.appspot.com/japan-12/#1 みなさんこんにちは Boris といいます Mt.View で仕事をしています。 モバイルweb開発がい
スマホ＆タブレットの解像度（ppi）ベスト3
※ 解像度（ppi）の値は小数点第１位で四捨五入しています ※ 計算で割り出していますので実際の解像度（ppi）や公称の値とは異なります。ご了承下さい。大よその値としてみていただけたらと思います。 ※ iPhone4/4S/5は公称の数値を入れています。 こうやってみると、 iPhone以外はすべて日本製です。 ちなみに海外勢では、GALAXY SII WiMAX（au ISW11SC）が312ppiで4位、GALAXY S III （docomo SC-06D）がppiで5位に入っていました。 上記のGALAXYはどちらも画面サイズが4.7、4.8インチと大きいので、海外では画面が大きい方が好まれるのかもしれませんね。 ところでタブレットはと言うと、こんな感じです。 順位通信事業者デバイスインチ（対角）サイズ(px)ppi
レスポンシブWebデザイン、ブレークポイントの考え方とピクセル密度の問題
レスポンシブWebデザインは、画面幅に合わせてレイアウトが変化することで、様々な画面サイズにワンソース(一つのhtml)で対応させることができる制作手法です。Media Queryという技術でCSSを切り替えることでレイアウトが変化します。CSSが切り替わる画面幅を『ブレークポイント』と呼びます。 今回はレスポンシブWebデザインのサイト制作時に、特に気になるブレークポイントの設定について、考え方と注意したい点をご紹介したいと思います。 CSSが切り替わりレイアウトが変化するポイントを「ブレークポイント」と呼びます。 ブレークポイントの考え方 ブレークポイントはどの画面幅でも見やすいレイアウトになるように設定するものです。 レスポンシブWebデザインは「どんな画面幅で見ても、適切に表示させるための制作手法」です。どんな画面幅でも見やすいようにデザインし、どんな画面幅でも見やすいレイアウトに
液晶ディスプレイのドット（素子）ピッチと解像度
液晶ディスプレイのドット（素子）ピッチと解像度 液晶ディスプレイを選ぶ上で最も基本的な事柄でありながら購入後、最も後悔するケースが多いのがドットピッチ（素子サイズ）の問題だと思います。応答速度や視野角と同様に CRT では問題にならなかった液晶ディスプレイの表示原理に関係します。 液晶ディスプレイの表示原理 LCD（液晶）で 1ドットは 1素子（画素）で表現します。左は液晶ディスプレイをマクロ撮影した画像ですが、1画素は R・G・B 3つで構成されており、色はそれぞれの変化で表現します。また CRTと違ってドットエッジはくっきり表示されます。s CRT の場合はこの1素子にあたるサイズを変える事が出来るため解像度を切換える事が可能ですが、LCD の場合は素子の物理的な大きさは変わらないため固定されます。 解像度を変える事は出来ますが滲みが発生します。滲みのない状態で表示させるには、1ドット
スマートフォンと画面解像度・ピクセル密度
320 dpi Androidの密度グループ iPhoneを当てはめると、iPhone 3までがmdpi、iPhone 4からはxhdpiに区分けされそうです。日本で流通しているAndroidスマートフォンの多くはhdpiに属するでしょうが、最近のHD解像度の端末はxhdpiに属しそうです。 IS05やXperia ray, INFOBAR A01/C01などはグループ上hdpiに属しています。しかし、画面サイズが小さいことからピクセル密度が300dpi前後と、xhdpiに近くなっています。小型で高解像度な端末が増えると、所属するグループだけでは画面の精細さを判断するのは難しくなるでしょう。 ピクセル密度の違いが見た目に影響する さて、ピクセル密度のばらつきによって、すこし困ったことが起こります。密度の低い環境に合わせて作られたコンテンツの見た目が、密度の高い環境で良く見えない可能性が出て
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
502 Bad Gateway
Designing the Hi-DPI Web
– とれまが知恵袋