人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

nginxとPHP-FPMでの@2x画像のエラーについて

お世話になります。
タイトルの通り、nginxとPHP-FPMでWebサービスを運用しているのですが、エラーログに「No such file or directory」が大量に出力され、何事かと思ったらすべて「@2x」の読み込みに失敗している、という内容でした。

おそらく、Retina対応デヴァイスからアクセスすると、すべて@2xを読み込もうとして出ているエラーではないかと認識しております。たしかに@2x画像は用意しておりません。

画像もたくさんあることから、今から@2xをすべて生成することは非現実的な状態です。

このエラーを回避するためには、どのような対処が最良でしょうか。Retina対応デヴァイスで見た時の画像の鮮明さにはこだわっていないので、可能なら、Retinaでも通常でも同じ画像ファイルを読み込むようにし、エラーを回避したいと考えています。

以上、よろしくお願い致します。

●質問者: cafe-beret
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
●500ポイント ベストアンサー

コンテンツは、どうやって作ってますか?
Wordpress を使ってるとか、自作の PHP スクリプトにどこぞの HTML テンプレートをかませているとか。

Retina 対応は、srcset 属性を使って明示的に Retina 用の画像を指定するか、CSS もしくは javascript を使って画像を切り替えるように、コンテンツで作り込みます。
デバイスが勝手に Retina 用の画像を要求してくるわけではありません。

ご自分で意識していないということは、Retina 用に属性を変更したりするような javascript の処理が導入されているんじゃないかと想像します。

参考:Webサイト&WebアプリのRetina対応方法まとめ | KRAY Inc


そのサイトって、URL を公開できたりしますか?
現物を確認してみるのが早いんじゃないかと思うので。


cafe-beretさんのコメント
ご回答ありがとうございます。 大変無念なのですが、URLは公開することができません。申し訳ありません。 ご指摘の通りWordpressを使っており、利用しているテーマファイルの中に、それらしきJSの記述を見つけました。頂いたURLにもある「retina.js」を利用しているようでした。 この場合、retina.jsを使っているが@2xのファイルのロードに失敗している、ということになりますでしょうか。

a-kuma3さんのコメント
>> この場合、retina.jsを使っている<span style="color:red;">が</span>@2xのファイルのロードに失敗している、ということになりますでしょうか。 << 「retina.js を使っている<span style="color:red;">から</span>、画像のアクセスで @2x をつけたものを送ってくるので、ファイルのロードに失敗している」ということだと思います。 Retina を使っているであろうクライアントにも、他と同じ画像を見せれば良い、ということであれば、retina.js を読み込んでいる &lt;script&gt; タグをコメントアウト(もしくは、削除)すれば良いと思います。

a-kuma3さんのコメント
PHP のスクリプトを修正することに抵抗があるのであれば、retina.js でアクセスしてきた環境が Retina かどうかを判定している個所があるので、それを無効にするような修正を入れるのもひとつの手だと思います。 retina.js の 50行目(最新だったら)。 >|javascript| Retina.isRetina = function(){ return false; /* ★ この一行を足して、常に Retina ではない、と判定させる */ var mediaQuery = '(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx)'; if (root.devicePixelRatio > 1) { return true; } ||< https://github.com/imulus/retinajs/blob/master/src/retina.js#L50

cafe-beretさんのコメント
a-kuma3様 全くもっておっしゃるとおりでした。一つ目にご教示頂いた内容で対応をしましたら、エラーが皆無となりました。 完全に考え方が反対だったのですね。お恥ずかしい限りです。。 この度は誠にありがとうございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ