更新日2014.12.08シェアして頂けると嬉しいです!!09online1,697viewsはい。今回はRetinaディスプレイのお話。前回、WEB関連の記事を書いた流れで記事にしてみます。感のある話題ですが...。Retinaディスプレイと聞いてピンと来ない方もいらっしゃるかと思いますが、iPhoneやスマートフォン、iPad等のタブレットにはRetinaディスプレイが採用されていますよね?どういうものか簡単に言うと、綺麗に見える画面です。同じWEBサイトを見ていても、パソコンとスマホでは文字の滑らかさが違ったりします。スマホからのアクセスの方が綺麗で滑らかに見えます。この原理としては、倍の大きさのものを縮小して表示させているから。横幅が320pxのスマホがあれば、640pxのものを半分に縮小。書いても分かりにくいと思うので、要は高解像度どいう事です。WEBサイトの文字は滑らかに表示されるのですが、問題になってくるのが画像分部。先程の例えで言えば、画面サイズに合わせて320pxの画像を用意してしまうと、640pxに引き伸ばされて表示されてしまう為、Retinaディスプレイで見るとボヤけてしまいます。イメージとしては...。Retinaディスプレイ対応(640px)Retinaディスプレイ未対応(320px)こんな感じかと。※フォトショップで加工したイメージ写真です。この状態を回避するには、画面サイズの倍画像を準備する。表示したい大きさが横幅320pxであれば、640pxの画像を準備し、それを320pxに縮小して表示させる。すれば、1枚目のデロリアンのような意図した表示になります。※スマホからアクセスして頂ければ、違いが分かると思います。WordPress」等で検索すれば、Retinaディスプレイに対応させるプラグインも見つかります。プラグインを選択肢から外して考えると...。PCとスマホでテーマを切り分けておきfunctions.phpで文中のコードを置き換える3を除いて、やっている事は同じですね。簡単なのは2だと思います。何が気になるのかと言うと、どの方法も大きいサイズの画像を縮小表示させている事。サイズを大きく削減できます)」項目が赤になってしまいます。これがスっとしないんですよね。1235のどの手法でも結局は同じですし、4に関しては画像を出し分ける処理が追加されるので、高速化の視点から言うと使いたくない感じで...。一応このブログは2のCSSを使って、画像サイズを縮小しています。※やっぱり簡単に導入できるので。記事中の画像サイズが全て統一されていれば他の方法もアリなんですが、テーマによって画像サイズを変えた時期があったので、それらの記事を修正する方が大変。Regexを使って、文中写真のサイズとclass(元はmiddle指定)を、largeサイズに一括変換しました。画像サイズが揃っていないので、変換しきれていない記事もありますが、とりあえずの対応は出来ていると思います。CSS4が主流になって、画像を出し分け出来るimage-set関数が使えるようになっても、この問題は解決しませんよね??結局のところ、現時点でサイトをRetina対応にするには、レンダリング速度の低下に目をつぶって倍サイズの画像を縮小させるか、レンダリング速度を重視して多少の画像荒れに目をつぶって元サイズのまま表示させるか。高速化を目指すなら、昔の携帯のように一切画像は使わず、文中には画像へのテキストリンクを貼っておくか...。以前はパソコンからのアクセスが殆どだったものの、スマホが主流になったこの数年で、アクセスの状態もガラっと変わってきました。このブログに関しては・スマホ(61%)・パソコン(32%)・タブレット(5%)と、スマホからのアクセスが一番多くなっています。※最近はタブレットのアクセスも増えましたね。速度を取るか見た目をとるか。近年、スマホの通信状態が向上している事もあり、自分は綺麗に見える方を重視しましたが、最終的には個人の判断になってくるかと思います。それでは、失礼致します。最後まで読んで頂き、ありがとうございます。「ロリポップやチカッパでWordPressの高速化にチャレンジ!!」となっております。スポンサーリンクまた、このカテゴリーが含まれている「ライフ&ホビー」ジャンルには「470件」の投稿があります。カテゴリー内での人気記事や、ブログの最新記事リストも記載しておきますので、宜しければ合わせてご覧くださいませ。Shallow」のインプレと使い方!本年も宜しくお願い致します!!1338件の投稿新着一覧1月17日現在、当ブログにある1338件の記事一覧を見るジャンル728件の投稿シーバス釣り釣行日記や釣具のインプレ、メソッドや釣り方。ポイント紹介等、鱸釣りの話です。470件の投稿ライフ&ホビー海外ドラマやデジタル関連。ガンプラの製作に生活ネタ。Web系等、趣味の話です。(29)」シェアして頂けると嬉しいです!!TwitterFacebookHatenaPocketGoogle+LINEFeedlyRSSCommentお気軽にコメント下さい返信をキャンセルする。※無記入でもOK!コメント記入欄CATEGORY728POSTシーバス釣り釣行記やシーバスの釣り方にインプレ等。子供と遊べる場所や便利な育児ツール等。海外ドラマやデジタル関連にガンプラ等。404SHの感想とケースとmicroSDについて!※1月17日現在、同じカテゴリー内にて、主要SNSでのシェア数合計が多い投稿のランキングです。MACOシーバス釣りの話題を中心に、2児の父として奮闘中の育児や、海外ドラマにデジカメ等、趣味や日常を気ままに書いています。最近は、釣行数が激減していますが、西宮や阪神間にてシーバスを追い求めていますので、フィールドで見かけた際は、お気軽に声でも掛けて頂けると嬉しいです。