タグ付けされた質問 「images」

写真、グラフィック、その他の視覚要素の配信と表示について説明します。

6
ブラウザがCSSファイルから画像をより速くダウンロードするようにするにはどうすればよいですか?
CSSを使用して多くの画像を(の背景として<div>)配置しますが、この方法では非常にゆっくりと読み込まれることがよくあります。それらはロードする最後のもののようです。このように表示するには、小さな小さなアイコン画像でも時間がかかります。ブラウザに画像の優先度を伝える方法はありますか?または、CSSファイル内の画像をより早くダウンロードして、より早くレンダリングするように取得しますか?
13 css  images  load-time 

2
画像のバックリンクはバックリンクとしてカウントされますか?
tumblrブログに表示される画像がたくさんある場合、テキストが非常に少ないtumblogのようなものは、人々が閲覧するための画像の連なりです。私の画像がこのように彼らのサイトに埋め込まれている場合: <a href="http://example.com" target="blank"> <img src="example.com/cat.jpg" alt="cute cat"/> </a> 画像は私のサイトに戻るリンクでした。アンカーテキストはありませんが、Googleは画像の代替テキストを考慮しますか? これはまだGoogleの目にはバックリンクとしてカウントされますか?

1
ウェブサイトの画像にバージョン情報を追加する必要がありますか?
ウェブサイト上で、変更される可能性のある画像(たとえば、異なる透かしがある)が同じ画像名である場合、画像名の最後にバージョン情報を追加する必要がありますか? 5か月前にいくつかの画像の透かしを変更したという問題がありますが、Google画像検索では画像に古い透かしが表示されたままです。そのため、ファイル名は古いものと同じであるため、Googleは新しい画像をダウンロードしていないと想定しています。

5
SQLサーバーとファイルシステムとS3などからのイメージの提供
私のアプリケーション(クラシックasp yay!)には25 GBで約210万の画像があり、これは90日間のデータを表しているだけなので、少なくとも365にしたいと思います。これらを制御する必要があり、すべてのオプションを検討しています。次のプラクティスの長所と短所についてはどう思いますか? SQL Serverの長所:バックアップが簡単短所:パフォーマンス? ファイルシステムの長所:速度の短所:冗長性、バックアップが遅い(代わりに、合成フルバックアップを実行することを研究しているので、より良い可能性があります) S3などの長所:帯域幅は私のデータセンターからAmazonにシフトされ、実質的に無制限のストレージです。短所:コスト、コスト分析は難しい(帯域幅の80%がROI目的の画像であると推定される)、それが必要になった場合、サービスプロバイダーにとって難しい/コストがかかる 他の誰かが数百万のイメージの課題に対処し、どのように対処しましたか?
12 images 

2
ロゴの会社名は画像またはテキストにする必要がありますか?
ウェブサイトにロゴ(画像と会社名で構成される)を配置しています。会社名のテキストを画像ファイルの一部として保存するのか、それとも実際のテキストとしてhtmlに入れてCSSを使用してスタイル設定するのかわかりません。 もちろん、すべてを画像として保存すれば、ユーザーが適切なフォントを持っていることなどを気にする必要はありません。しかし、SEOの場合は、テキストとして使用する方が良いと思いました。 これは好みの問題ですか、それとも他の方法よりもはるかに優れていますか?
11 seo  css  images 

5
空白の画像。使用するもの:Base64と1x1のJPEG画像
私はWebサイトを構築しています。Webサイトの速度とSEOを向上させるために、HTTPクエリをできるだけ少なくしたいと考えています。先ほど作成したページは、スクロール時に画像を表示しています(画像には、ユーザーがそれぞれの画像を下にスクロールするとsrcに変換される属性data-scrがあります)。 すべての画像にではdata-srcなく属性があるためsrc、W3Cはエラーを表示します。 現時点で、私はこの問題を解決するために2つのオプションを見つけました。 すべての画像の最初のソースは、空白の1x1画像のURLになります データベース64の空白の画像になるすべての画像の最初のソース 空白の1x1画像のURLを使用している場合(tools.pingdom.comでテスト)、1つのHTTPリクエストが表示されます。データベース64の空白の画像を使用している場合、ページ上の画像の数と同じ数のリクエストが表示されます。 それらのうちどれがウェブサイトの速度を上げ、HTTPリクエストを少なくするためのより効率的な方法ですか?(ユーザーが14.4kbpsのインターネット速度-最初のインターネット速度でWebページをロードしているとしましょう)。 しかし、SEOについては? 他のオプションはありますか?

4
画像のクリエイティブ・コモンズの帰属をどのように表示すべきですか?
FlickrからCreativeCommons.orgの「Some Rights Reserved」の定義までクリックすると、帰属を提供する限り、画像を再利用できることがわかります。 画像をウェブサイトで使用したい場合、どのように帰属を表示する必要がありますか?そして、それは何気ない観察者にも見える必要があるのでしょうか?する必要があります/できます: HTMLコメントとして(すぐには表示されません) ファイル名(すぐには表示されない) ALTタグ内(より見やすく) 画像の内側または下または全体に完全に吹き込まれたキャプションとして(簡単に表示) 編集 追加の可能性が私に起こりました: Joe Photosによる小さな画像、Andy Archerなどのクレジットをフッターに表示します(表示されますが、邪魔にならない)。 それとも他の何かでしょうか?アトリビューションのことを誤解しましたか?

3
ワークフローの一部として、Google Page Speedのロスレス画像圧縮をどのように複製できますか?
GoogleのPage Speedを使用すると、多くの画像を無損失で圧縮できることを気に入っていますが、サイトをアップロードして公開する前に、ワークフローの一部にしたいです。 ローカルで実行して同じロスレス圧縮を実行できるものはありますか?現在、PhotoshopからExport For Webから画像をエクスポートし、PNGCrusherと呼ばれる小さなアプリケーションを使用してPNGのファイルサイズを縮小しています。 Page Speedの結果から個々の画像を保存して置き換えるよりも、もっと速い方法を見つけたいです。


2
通信する画像サイズ、ベストプラクティス
マークアップからスタイリングを除外する現在のベストプラクティスを厳密に使用してHTMLドキュメントを開発している場合、どのようにして画像のサイズ変更を最適に伝えることができますか? 過去のベストプラクティスでは、画像の高さと幅が画像と一緒になり、ブラウザが画像のダウンロードを待って寸法を取得するよりも高速にレンダリングされるようにします。しかし、これを行うと、ドキュメントからスタイルを分離することに違反するようです。 各画像にid属性を追加し、CSSに高さ/幅を入れますか?これは、インライン画像の高さと幅のレンダリングボーナスを無効にしますか?
11 css  html  images 

2
APIを使用した画像CDN?
私の会社ではFlickrとPicasaのウェブアルバムを貧弱な人のコンテンツデリバリーネットワーク(CDN)として画像ホスティングに使用していますが、他のサービスを検討したり、有料で無料で提供したりする提案があるかどうか知りたいです。 WordPressプラグインとして、または他の開発フレームワーク用にバックエンドに目立たないように統合できるように、APIを備えたものが望ましい。 AmazonなどのCDNは安価で機能しますが、写真中心のAPIがないため、一般的な用途で使用することができません。


4
ブラウザのパフォーマンスを向上させるための画像サイズの指定
最近、Google Developer Toolsを使用して自分のWebサイトで監査を実行しました。私の画像はすべて同じサイズ(水平500 x垂直300ピクセル)なので、すでに正しいサイズの場合は画像サイズを計算する必要がないため、画像サイズ属性を省略したほうがよいと思いました。 [Networking Utilization]で、[Image Dimensions]を指定します。 A width and height should be specified for all images in order to speed up page display. The following image(s) are missing a width and/or height: 今、私は混乱しています。すでに適切なサイズであるにもかかわらず、実際に画像に幅と高さの属性を追加する必要がありますか?冗長なようです。

3
imgのaltとタイトルの違い-どちらを使用するか-および影響
何年もの間、次のような画像のHTMLを作成しています。 <img src="picture.jpg" alt="my picture" > しかし、私は最近、Raven SEOツールを使用して自分のサイトの監査を実行し、本当に驚いたたくさんのエラーを報告しました。 レポートを確認したところ、これらのエラーの99%は、画像のタイトルテキストが欠落していることが原因でした。 画像の上にカーソルを置くと、画像のタイトルテキストに小さなポップオーバーが表示されることがありますが、それ以外に目的は何ですか?それはSEOに影響しますか? また、実装する場合、何を入れますか?alt属性にあるのと同じ情報を入れますか?すなわちalt="my picture" title="my picture"

2
Google画像から最初の画像ソースを返す
検索用語がある場合、Google検索から最初の画像ソースを取得する方法はありますか? 入力された場合、例えばtomato、出力リレーは以下のようになりhttp://www.cksinfo.com/clipart/food/fruits/tomatoes/tomato.png ありがとう!
10 google  images 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.