Googleイメージでは、検索結果で画像をクリックすると、ぼやけた画像(基本的にキャッシュされた低解像度バージョン)を含む「画像プレビュー」が表示され、その後、更新されたより明確なバージョンがスワッパーになります。これでライブ画像が取得されますか?
また、一部の画像では、より鮮明な画像がスワップインされないことに気付きました。これは、ホットリンクをブロックするサイトにあるようです。
特定の(かなり人気のある)検索キーワードについて、Google画像で1位の画像があります。最近画像を更新しましたが、古い画像のサムネイルはまだ表示されています(画像プレビューではぼやけています)。イメージはAmazon CloudFront CDNでホストされ、ホットリンクはブロックされません。
ただし、画像を検索すると、画像プレビューがぼやけたままになり、高品質の画像が切り替えられません。CDNの他の画像は正常に機能します。誰かがこれの考えられる理由を知っていますか?
画像のプレビューでは、サーバーではなくGoogleのサーバーから画像が提供されている可能性があります。例を挙げましょう。
「風景」のGoogle画像検索を行いました。 「大きい」画像のみを検索するように検索ツールを変更しましたが、これが見つかりました。
ご覧のとおり、雲の周りの空に明らかな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発表 画像が低品質でぼやけて見えるバグを修正したことの検索結果。これがもう問題にならないことを願っています。
Google画像検索結果のサムネイル画像は、Googleキャッシュサーバーから取得されます。
ただし、画像のプレビューは実際にホストされる画像(実際のライブ画像)です。
画像はHTMLコードwidth="" height=""
によってプレビューモードでサイズ変更されます。これが、ブラウザーの画像のサイズ変更がぼやけるため、画像の品質が低下する理由です。
XとYのより良い比率に合うように画像のサイズを変更するか、画像に直接切り替えるJavaScriptを作成してみてください。