プラグインギャラリー。iPhone上のみ画質が悪いのはなぜ？

ギャラリーページに一覧表示されている画像をタップして拡大されたひとつひとつの画像は綺麗に見えましたが、一覧表示の画質を問題にされていますか？

Blog Style galleryならもとの解像度のまま表示されますよね？

(そもそもLightboxギャラリーを実装したいだけならWordPressデフォルトのギャラリー機能にJetpackのカルーセルやその他lightbox系プラグインを組み合わせた方がいい気もします。このプラグインに拘る必要、理由はありますか？)

プラグインの不具合ではないと思いますよ。Hinaloeさんがコメントなさっているように、このプラグインではない方法が良いと思います。

なお、一覧ページに画質のよい写真をたくさん並べると一般的には読み込みが遅くなるので、ご注意ください。

tiikiさん
ご回答された皆様

これって、システム的にはプラグインかもしれませんが
わたくし的には「CSS」的なお話な気がします。（ワードプレスとか離れてしまうかもしれませんが）

基本的に、スマートデバイスは密度が高いので
２～３倍の画像で作成されると良いと思います。

例えば、500pxに出力された画像（3段組）があるとします。
これをレスポンシブで考えると
3段⇒1段となると通常処理が行われます。

ここで今までですと、そんなににじみ等は気にならなかったかもしれませんが
iPhone6以降：1,334×750(326ppi)のリテーナディスプレイに変更されています。
通常PCが解像度72～96ppiなのでやはり3倍くらいの解像度は必要です。
500pxのものを500pxで表示したとき、72ppiって思ってください。
（環境によっては96ppiの場合もあります）

詳しく説明しているサイトがあったのでリンク張っときます。

http://www.dotproof.jp/2014/09/11/iphone-6-ppi/

では、わたくしの場合ですが
クライアントさんからレスポンシブと要望が入った場合
リテーナディスプレイ対応させるかどうか伺い
対応だったら

PC⇒スマートフォンのレスポンシブ
サイト幅をPC用幅からwidth:100vw;（デバイス幅）に変更します。
この時に画像に対してwidth:100%;（外側の囲いに対して横幅をフィット）を行います。
この際、賛否両論ですがわたくし個人的にはheight:auto;を行い高さを自動にし、縦横比を保持させます。

ここで、解像度のお話に戻ります。
そうなると、いったいいくつの画像が必要か？？
⇒表示させたい画像の3倍必要

つまり500pxで表示させたいなら1500pxの画像が必要になります。
そこで、わたくしたち設計側ではfunctions.phpでサムネイル画像をスマートフォン用に1500pxで書き出す設定を作ります。
合わせて、functions.phpにユーザーエージェントの設定を施し
is_mobile();が使えるようにしておきます。

もし「is_mobile()」ならば1500pxの画像を読みなさい
それ以外ならば、500pxの画像を読みなさい

なんて条件を画像の読み込み設定（PHP）で書いてあげます。

これを行うことにより
PCのときは通常処理を行い、モバイルなら1500pxの画像を読むってことが可能となります。

つまり、設計段階でリテーナ対応でお願いしていない場合は正直難しいでしょう。
ソース的には大した作業ではないので、もしかしたらお話し合いで済むかもしれません。

ですので、style.cssなどスタイルの箇所に

mura0403さんの言ってることの根源はあってるのですが…デバイスの画面密度はサーバーサイドでは基本的に知りえないので(Retinaのような高密度は今どきPCでも普通にあるし、モバイル端末でも幅広く存在するし)サイズ情報とURLを全部与えてブラウザに判断させよう、というのがレスポンシブイメージです。(CSSのBackgroundもメディアクエリーで以前からそのようなことが可能でした。)

今どきRetina非対応とか何考えてるんだこの見にくいサイト…とか思うようなことがあるかも知れませんが、場合によってはPCに対しての考慮を忘れてることもありますね…()

で、本題ですがこのプラグインをちょっと調べてみたところ、プロ版ならサイズを変えることも可能なようですね。

あるいはget_huge_image関数を上書きすることでサムネイル画像を入れ替えることも出来そうです。

例：
元画像をそのまま表示する※通信量が増えかねないので非推奨

function get_huge_image ( $url, $prefix ) {
  return $url;
}

WPに組み込みサイズ、サムネイルを表示

function get_huge_image ( $url, $prefix ) {
  $id = attachment_url_to_postid ( $url );
  return wp_get_attachment_thumb_url ( $id );
}

後者は元より解像度がより低くなるため意味のない話ですが、これを応用することでほかのサイズでの表示も可能ですね。(実装方法はプラガブル関数等で調べてみてください)