問題タブ [css-sprites]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
5 に答える
1307 参照

css - CSS スプライトは Web サイトをどのように高速化しますか?

CSS スプライトがサイトのパフォーマンスを向上させる方法を理解しようとしています。

単一の画像の合計サイズが小さい画像の合計である場合、いくつかの小さい画像のダウンロードが、小さい画像を保持する単一の画像のダウンロードよりも遅いのはなぜですか?

0 投票する
3 に答える
690 参照

javascript - SSI/サーバー側のスクリプトを使用せずに、HTML ファイルのさまざまな部分を選択的に表示します

テキスト スプライトを作成して、同じ HTML ファイルの一部を選択的に表示し、残りを無視することは可能ですか。表示する部分は、CSSで生成されたメニューと同じページ内のリンクで選択されます。

(各セクションの長さは不明であり、大きく異なることが予想されます)。

残念ながら、サーバーとの通信はオプションではありません。

ご想像のとおり、私は CSS、PHP、および JS の初心者です。

0 投票する
1 に答える
3501 参照

algorithm - 最適レイアウトアルゴリズム

この記事に基づいて、ASP.NET アプリケーションに CSS スプライトのセットアップを実装しています。

http://weblogs.asp.net/zowens/archive/2008/03/05/css-sprite-for-asp-net.aspx

「SPRITEをもう手に入れよう!」のセクションで ...著者は言う...

「これの唯一の本当の欠点は、すべての画像が縦に並んでいることです。これが問題になるかどうかはよくわかりませんが、他のほとんどのジェネレーターには、画像を縦と横に並べる機能があります。」

これは以前に解決された問題に違いないので、私の質問は、「長方形のコレクションが与えられた場合、これらを最適な方法で効率的に配置できますか?」ということです。(最適の定義にもよると思いますが、最初は正方形にできるだけ近いものです(実際にはそうではないかもしれませんが))また、事前にすべての長方形が必要ですか、それとも可能ですか?徐々に?

0 投票する
3 に答える
543 参照

asp.net - .NET での csssprite のリアルタイム作成

.NET 用の「リアルタイム」csssprite ジェネレーターを作成した人はいますか?

実行時にロードされ、css が自動的に生成されるイメージのディレクトリが 1 つ以上必要です。

0 投票する
4 に答える
1756 参照

css - CSSスプライトブラウザのレンダリング

CSSスプライト画像はリクエストの量などを減らすのに最適であることは誰もが知っていますが、大きな画像を背景として使用していくつかの要素でページをレンダリングするブラウザのパフォーマンスはどうですか?

0 投票する
8 に答える
5977 参照

html - CSSスプライトが大きすぎるのはいつですか?

スプライトの主な目的は、ページ上のグラフィック要素に対してサーバーに対して行われるhttpリクエストを減らすことですか?または、できるだけ多くの要素をスプライトに合わせてみてください。

私が求めているのは、スプライトが大きすぎるのはいつかということだと思います。

0 投票する
3 に答える
2825 参照

css - IE で低品質でレンダリングされた CSS スプライト画像

CSS 画像スプライトがあり、これは FF と IE で完璧にレンダリングされます。問題は、レンダリングされたイメージが IE で低品質に見えることです。

誰もこれに遭遇したことがありますか?どのように修正しましたか?帯域幅とリクエストを節約するために、CSS スプライトが必要です。

代替テキスト http://cupacupelor.ro/img/problem.png

画像:

http://cupacupelor.ro/img/problem.png

デモ:

http://cupacupelor.ro/

ブラックトップメニュー、投稿から最大7日間利用可能。FF で試してから IE で試してください。

0 投票する
5 に答える
2118 参照

css - Does having to many background-image in css affect perfomance?

Some users are reporting that my site is too slow And i think background images in css might be a possible culprit

I have a site that uses a custom build system to concatenate all css, compress them ( yui compressor ) , make css sprites automatically ( smartsprites ) and I end up with a 9kb CSS for the whole page, this includes all css for background-images at last is d they were around 60 ( several go to the same sprite not sure how many )

I was wondering if the default behavior of browsers is to download the images as needed ( when they match a selector ) or download them all.

Right now firebug in firefox seems to suggest that they are all been downloaded. What techniques would you suggest i'd use to avoid the problem, and or mitigate it.

edit: I misread firebug, the images that are being downloaded belong to a lightview that is hidden but the background-images are matched to the dom.