2014年 01月 05日
Retinaディスプレイ対応検証
|
初売りで買いたいなぁ! だったけどジャンボが当たらず持ち越しとなったオモチャ。でも興味があるので検証だけはしてみたい
iPad mini Retinaディスプレイは7.9インチの2,048 x 1,536ピクセル解像度、326 ppiだそうだ。
儂が今持っている初代iPad mini は7.9インチの1024x768ピクセル解像度、163 ppiだそうだ。
縦横倍々で4倍の情報量ってRetina凄いなぁー・・・・ところで大半のwebサイトの画像はこんな高画質なディスプレイで見ても意味ないのか?!なんて事をこのブログを見てて気がついた。
そこで色々というか一つしか浮かばないが自分でできる簡単な方法で対応できないか試してみることにする。
まずは↓ 最近ブログにはリサイズした横幅500pxの画像をメインにして載せている。色彩鮮やかな被写体が庭にはないので枯れたアジサイの葉で我慢。
↑ 500px×342px(51KB) ↓ 1000px×683px(153KB)

↑これは横幅1000pxにリサイズしてexciteにアップ後に編集画面で数値を書き直した画像。
#IMAGE|c0063348_10553971.jpg|201401/05/48/|mid|1000|683#
#IMAGE|c0063348_10553971.jpg|201401/05/48/|mid|500|342#
するとでかい画像なのに1枚目と同じ幅500pxで表示される。画像クリックすると解ると思う。
普通のマックやWinや初代iPad miniで見るとこの2枚の差は解らないはず・・・?
元が大きい画像を小さく表示して密度が濃い画像にしたのをRetinaディスプレイでは綺麗に見えるのだろうか?
では今から電気屋さんかアップルストアに行ってRetinaディスプレイで確認してこよう。実際に見てお〜!! となったら益々欲しくなるかなぁ・・・・
こんさん ↑最後の画像クリックして見て! 表示方法良いでしょう!
今回偶然見つけたテクですがコピー禁止よりも画像ポップアップが気に入りました。
最初に一番近くのY電機に行ってRetinaディスプレイで ↑自分のブログを見ると確かに2枚目は綺麗だ。
中央の葉っぱがクッキリと浮かんで見えて3Dみたいだった。目を近づけると1枚目は葉のフチのジャギーが判るが2枚目には見えずに滑らかな輪郭になっている。
と言うことはこの方法でRetinaディスプレイ対応OKじゃろか・・取りあえず。
ブログにRetinaに対応する様な画像を載せるには? の質問に対して
Y電機店員さん 質問の意味さえ解ってくれない。年末プリンターのインクで質問したがこれまた頓珍漢野郎でY電機の店員さんレベル低すぎ勉強してちゃぶ台。
Apple storeの店員さん 流石に自分でもHTMLでWEBサイト書いてるそうで質問は解ってくれた。でもどうするのか納得できる説明は戴けなかった。綺麗なおねいさんなだけにクレジットカードを出して決断するところだったのに残念。
Win8.1も高DPI(高精細ディスプレイ)対応になったしiMacの次期モデルあたりもRetina対応になりそうだし、数年先の将来を見据えてブログの画像もでかいサイズにしとくかなぁ・・・
ただ150KBの画像を10枚も20枚もブログに載せたら重たくて開くのに時間がかかるかも知れない・・・そうなるとauひかりのギガ得プランに乗り換えか?
ざっと探してみたがなんとか解ったような気がするサイトをリンクしておく。
Retina対応させるテクニック~基礎知識編
Retina対応させるテクニック~実践編
※ 画像の事だけ気にしてたが、小さな文字はなまら綺麗でクッキリハッキリでもう次元が違う。老化で目が霞んできているがこれは有り難いかも。

儂が今持っている初代iPad mini は7.9インチの1024x768ピクセル解像度、163 ppiだそうだ。
縦横倍々で4倍の情報量ってRetina凄いなぁー・・・・ところで大半のwebサイトの画像はこんな高画質なディスプレイで見ても意味ないのか?!なんて事をこのブログを見てて気がついた。
そこで色々というか一つしか浮かばないが自分でできる簡単な方法で対応できないか試してみることにする。
まずは↓ 最近ブログにはリサイズした横幅500pxの画像をメインにして載せている。色彩鮮やかな被写体が庭にはないので枯れたアジサイの葉で我慢。


#IMAGE|c0063348_10553971.jpg|201401/05/48/|mid|1000|683#
#IMAGE|c0063348_10553971.jpg|201401/05/48/|mid|500|342#
するとでかい画像なのに1枚目と同じ幅500pxで表示される。画像クリックすると解ると思う。
普通のマックやWinや初代iPad miniで見るとこの2枚の差は解らないはず・・・?
元が大きい画像を小さく表示して密度が濃い画像にしたのをRetinaディスプレイでは綺麗に見えるのだろうか?
では今から電気屋さんかアップルストアに行ってRetinaディスプレイで確認してこよう。実際に見てお〜!! となったら益々欲しくなるかなぁ・・・・
こんさん ↑最後の画像クリックして見て! 表示方法良いでしょう!
今回偶然見つけたテクですがコピー禁止よりも画像ポップアップが気に入りました。
最初に一番近くのY電機に行ってRetinaディスプレイで ↑自分のブログを見ると確かに2枚目は綺麗だ。
中央の葉っぱがクッキリと浮かんで見えて3Dみたいだった。目を近づけると1枚目は葉のフチのジャギーが判るが2枚目には見えずに滑らかな輪郭になっている。
と言うことはこの方法でRetinaディスプレイ対応OKじゃろか・・取りあえず。
ブログにRetinaに対応する様な画像を載せるには? の質問に対して
Y電機店員さん 質問の意味さえ解ってくれない。年末プリンターのインクで質問したがこれまた頓珍漢野郎でY電機の店員さんレベル低すぎ勉強してちゃぶ台。
Apple storeの店員さん 流石に自分でもHTMLでWEBサイト書いてるそうで質問は解ってくれた。でもどうするのか納得できる説明は戴けなかった。綺麗なおねいさんなだけにクレジットカードを出して決断するところだったのに残念。
Win8.1も高DPI(高精細ディスプレイ)対応になったしiMacの次期モデルあたりもRetina対応になりそうだし、数年先の将来を見据えてブログの画像もでかいサイズにしとくかなぁ・・・
ただ150KBの画像を10枚も20枚もブログに載せたら重たくて開くのに時間がかかるかも知れない・・・そうなるとauひかりのギガ得プランに乗り換えか?
ざっと探してみたがなんとか解ったような気がするサイトをリンクしておく。
Retina対応させるテクニック~基礎知識編
Retina対応させるテクニック~実践編
※ 画像の事だけ気にしてたが、小さな文字はなまら綺麗でクッキリハッキリでもう次元が違う。老化で目が霞んできているがこれは有り難いかも。
by ainame60
| 2014-01-05 10:54
| PC・Web・AV・ガジェット
|
Comments(12)
iPad mini Retina…私も、欲しいなぁ~って
以前カタログ貰ってきましたが
既に、廃棄処分(笑)
お高いですもんね~。
以前カタログ貰ってきましたが
既に、廃棄処分(笑)
お高いですもんね~。
0
アリさん
そうだったのぉ〜!!
ネットで無料通話ならNexus 7もアリかなぁ?!
http://bbs.kakaku.com/bbs/K0000421212/
OSはAndroid なので詳しくはこんさんに教えて貰って下さいね。
ウチのiPadは家族の利用時間が増えてきて
LINEとか私宛にメッセージが来ても気付かないことが多くて
ちょっとね〜どうしようかな〜(笑)
そうだったのぉ〜!!
ネットで無料通話ならNexus 7もアリかなぁ?!
http://bbs.kakaku.com/bbs/K0000421212/
OSはAndroid なので詳しくはこんさんに教えて貰って下さいね。
ウチのiPadは家族の利用時間が増えてきて
LINEとか私宛にメッセージが来ても気付かないことが多くて
ちょっとね〜どうしようかな〜(笑)
そのポップアップは前に知人が使ってるのを見てましたぁ
右クリ禁止設定はケンタさんの画像をオモチャにできなくなるんで困ります~(笑)
右クリ禁止設定はケンタさんの画像をオモチャにできなくなるんで困ります~(笑)
テキストがめっちゃ美しいんでびっくりしました。
またPC買い換えないかんのですか、ケンタさん、(..;)
またPC買い換えないかんのですか、ケンタさん、(..;)
愼さん方式で行けましたけど、何度もやってたらタイミングによって目的画像じゃないのがとれたりしてました
一番確かなんはソース表示して画像URLコピって、新タブで飛んでいくと確実でした(笑)
一番確かなんはソース表示して画像URLコピって、新タブで飛んでいくと確実でした(笑)
>目的画像じゃないのがとれたりしてました・・・
やっぱりそうなんですね。こちらでは、1000/683ばかりで不思議に思ってました。ソースなら完璧ですね。
やっぱりそうなんですね。こちらでは、1000/683ばかりで不思議に思ってました。ソースなら完璧ですね。
愼さん
マニアックなテクですね〜(笑)
マックも1000/683の画像が落ちてきます
マウスポインターを二枚目の画像の中央に置いておいてリロード
二枚目の画像がポインターの真下にくる瞬間を狙うと100%いけますね
お陰様で 間違いなく二枚目は1000/683の画像を500/342で表示してると確信できました
アップルの綺麗なおねいさんは「それはサムネイル表示ですから・・・」とかみ合いませんでした(笑)
マニアックなテクですね〜(笑)
マックも1000/683の画像が落ちてきます
マウスポインターを二枚目の画像の中央に置いておいてリロード
二枚目の画像がポインターの真下にくる瞬間を狙うと100%いけますね
お陰様で 間違いなく二枚目は1000/683の画像を500/342で表示してると確信できました
アップルの綺麗なおねいさんは「それはサムネイル表示ですから・・・」とかみ合いませんでした(笑)
>あれ? 綺麗な文字 何処か確認出来ました?
http://www.applenoir.com/wp-content/uploads/2010/06/ibunko_retina.jpg
ケンタさんのリンク先にもあったような?。技術的には以前からあるんですね。
>マニアックなテクですね〜(笑)
たまたま、砂時計がまわってて、その隙に。姑息な手段でしたね、笑
http://www.applenoir.com/wp-content/uploads/2010/06/ibunko_retina.jpg
ケンタさんのリンク先にもあったような?。技術的には以前からあるんですね。
>マニアックなテクですね〜(笑)
たまたま、砂時計がまわってて、その隙に。姑息な手段でしたね、笑

