本文へジャンプします。

ココログサポート Top>>Questions List>>スマホで記事内の画像をきれいに表示させた...

question

スマホで記事内の画像をきれいに表示させたい

ブログの記事をPCで見ると貼付けてる写真は普通にきれいにみえるのですが、スマホ（iphone）で見るととても汚いです。特に写真に文字が入っていると文字を認識できないくらい荒くなってしまうのがつらいです。

いくつか対策を考えましたがどれも解決には至っていません。

1.クリックすると別窓や別ページで拡大表示させる
　【問題点】これはpcだと機能するのですが、スマホだと別ページが開くだけで画像のサイズは全く変わりません。スマホでココログブログの画像を拡大するにはどうすればいいのでしょうか？

2.ココログスマホサイト用に最適化された元画像を用意する
【問題点】まず、スマホサイトの仕様がわかりません。縦横何ピクセルで用意すればよいのか。それと、そんな風にスマホサイト用に最適化してアップして果たしてpcサイトでの見栄えは維持できるのかも不安です。ココログスマホサイトの仕様がたとえば150pxのように低解像度だったとすると、記事作成の画像設定画面では元画像のサイズは変えないか300px以上しか選べませんから、どうしてもpcサイトの画像が荒れるのではと思います。ココログスマホサイトの仕様が高解像度だとよいのですが…。

アドバイスお願いします。
basic infomations

初心者23 | 2014/02/07 08:28(4135days ago) | permalink | 基本的な使い方

Please login to comment.

Re: スマホで記事内の画像をきれいに表示させたい
こんにちは。

私も詳しくないですし自分でどうこうしようという気力もないので具体的な「回答」は出来ないのですが、ちょっと調べてみたところ「もしかして関係するのかな？」という内容の記事をいくつか見つけましたのでリンクを貼っておきます。

■iphoneサイトを作ったら画像がぼやけるのはretinaディスプレイのせい : code14
http://blog.livedoor.jp/tacshock-code14/archives/6267757.html

■スマホサイト最適化 ｜link lab
http://link-lab.jp/blog/archives/953

ご参考になれば幸いです。

no-name. | 2014/02/07 21:01(4135days ago) | permalink

Re: スマホで記事内の画像をきれいに表示させたい
retinaの解像度増しの関係性は気になってはいました。とはいえiphoneだけでなくアンドロイドだってretinaと呼ばれてないだけで実は解像度増しになっているのであって、まさかココログがそういう流れに未対応とは思っていませんでしたが。

さて、アドバイス頂いた方法ですが、その方法だとスマホでのPCサイト表示の鮮明さが格段にアップいたしました。画像内文字をばっちり認識できました。

しかし、それはスマホでPCサイトをわざわざ表示させた場合の話です。
やはりスマホでココログのスマホ携帯サイトを表示すると画像は荒れたままでした。
やはりココログのスマホ携帯サイトへ自動変換される際に画像のスペックが落ち、設定画面でPC用にいくらcssを設定してもスマホ携帯用サイトに表示される際にそれがキャンセルされてスマホ携帯サイト用の何か別の仕様が強制的にはめられているように思えます。


どなたでも結構ですが、ココログでスマホ用にcssを強制適用させるような方法をご存知の方、いましたらアドバイスお願いいたします。

初心者23 | 2014/02/08 02:16(4134days ago) | permalink