web-dev-qa-db-ja.com

Google画像プレビューパネルはどのように機能しますか。また、画像が表示されないのはなぜですか?

Googleイメージでは、検索結果で画像をクリックすると、ぼやけた画像(基本的にキャッシュされた低解像度バージョン)を含む「画像プレビュー」が表示され、その後、更新されたより明確なバージョンがスワッパーになります。これでライブ画像が取得されますか?

また、一部の画像では、より鮮明な画像がスワップインされないことに気付きました。これは、ホットリンクをブロックするサイトにあるようです。

特定の(かなり人気のある)検索キーワードについて、Google画像で1位の画像があります。最近画像を更新しましたが、古い画像のサムネイルはまだ表示されています(画像プレビューではぼやけています)。イメージはAmazon CloudFront CDNでホストされ、ホットリンクはブロックされません。

ただし、画像を検索すると、画像プレビューがぼやけたままになり、高品質の画像が切り替えられません。CDNの他の画像は正常に機能します。誰かがこれの考えられる理由を知っていますか?

3
DisgruntledGoat

画像のプレビューでは、サーバーではなくGoogleのサーバーから画像が提供されている可能性があります。例を挙げましょう。

「風景」のGoogle画像検索を行いました。 「大きい」画像のみを検索するように検索ツールを変更しましたが、これが見つかりました。

screen shot of Google image search

ご覧のとおり、雲の周りの空に明らかなJPEGアーティファクトがある非常に低い品質で表示されています。ページ内の他の画像とは異なり、高品質の画像を得るためにブラウザ(Chrome)によって交換されませんでした。これは、この大きなプレビューで使用されている画像URLがhttps://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQMlmFajhgytLiLaTr330wB4LNOFcWcKW5Pb71QpWDAGdOzUh3Pであるためと思われます。これはGoogleのサーバーからの小さなサムネイルです。検索結果の他の画像は、サイトを使用してプレビューを強化します。たとえば、その隣の画像はhttp://www.hdwallpapersart.com/wp-content/uploads/2013/04/Scenery.jpgのプレビュー画像を使用しています。

この特定の場合、Googleは 問題のサイト に何らかのタイプのホットリンク保護があるため、これを行っている可能性があります。画像のURLから直接リンクする場合、リダイレクトを使用しています。

  • http://wallpaperswide.com/download/summer_scenery-wallpaper-2048x1536.jpgをブラウザに貼り付けると、代わりにhttp://wallpaperswide.com/summer_scenery-wallpapers.htmlのHTMLページが表示されます。リンクをクリックすると、画像がダウンロードとして保存されます。
  • curlを使用すると、/summer_scenery-wallpapers.htmlへの302リダイレクトを取得します
  • wgetを使用すると、同じページにリダイレクトされますが、wgetはhtmlページから画像データをダウンロードし、.jpgとして保存できます。

この調査に基づいて、Googleには、画像プレビューでホットリンクされたときに画像が機能しない(または機能しない可能性がある)ことを検出するためのアルゴリズムが用意されているようです。そのような場合、独自のサーバーから提供される低品質のサムネイルを使用します。

EDIT:2015年5月4日 Google発表 画像が低品質でぼやけて見えるバグを修正したことの検索結果。これがもう問題にならないことを願っています。

1
  1. ぼやけてはっきりしたバージョンの現象は、インターネット接続の速度によって発生すると思います。
  2. いつイメージを変更しましたか?心配する必要はなく、Googlebotに再クロールの時間を与えてください。
0
Marian Popovych

Google画像検索結果のサムネイル画像は、Googleキャッシュサーバーから取得されます。

ただし、画像のプレビューは実際にホストされる画像(実際のライブ画像)です。

画像はHTMLコードwidth="" height=""によってプレビューモードでサイズ変更されます。これが、ブラウザーの画像のサイズ変更がぼやけるため、画像の品質が低下する理由です。

XとYのより良い比率に合うように画像のサイズを変更するか、画像に直接切り替えるJavaScriptを作成してみてください。

0
foxdanni