css-sprites

1熱

1答えて

私のウェブサイトでいくつかのパフォーマンステストを行っているうちに、ホームページの3つのイメージが1つのイメージをロードするのに1秒かかっていました。これらの画像は、ホームページにのみロードされる3 1000 x 1000の高解像度画像です。私はこれらの3つをスプライトシートに変えて、ウェブサイトの読み込み時間を短縮することを考えていました。これはいい考えですか？私はスプライトが小さな画像で

12熱

2答えて

どのような状況で、HTTP/2で個別にイメージをロードすると、すべてのイメージをHTTP/1.1でスプライトで一度にロードするよりも時間がかかるのですか？

HTTP/2を使用すると、接続を多重化でき、サーバーへの複数の接続を不要にできます。 1つの接続で、多くの個別のイメージをクライアントに送信できます。これは、多くの画像を1つに結合し、CSSを使ってそれを切り取る古い画像スプライトパターンを取り除きます。スプライトが実際にはHTTP/2の世界でまだ高速であるかどうか不思議です。もしそうなら、どんな状況下で？

5熱

3答えて

単一のpng画像からアイコンを取得

これまで数回これを見てきましたが、私は決して自分自身を使用しませんでした。誰かがあなたがCSS spritesと呼ばれるCSS

0熱

1答えて

CSSスプライト画像とレスポンシブデザイン。フルサイズと応答サイズの両方をロードしますか？

私はイメージを最適化し、私のウェブサイトのために私のサーバーへのリクエスト数を減らしているので、イメージCSSスプライトを作成してイメージの数を減らしています。予想通り、ほとんどの画像は、サイトデザインのTablet/Mobileレイアウトでは小さくなります。これにより、スプライトに含まれるアイコンと画像のモバイル/タブレットサイズ用の画像スプライトを作成し、@メディアクエリで切り換える予定で

5熱

1答えて

スケールCSSスプライトピクセルアート画像スムージングなし

私はCSSスプライトピクセルアート画像を拡大しようとしており、アンチエイリアス/画像スムージングを完全に無効にしたいとします。この投稿パー：Disable antialising when scaling images私はそれは私がFirefoxで望んでいたようしかしChromeで、正確に勤務し、すなわち次のCSS image-rendering: optimizeSpeed; imag

0熱

1答えて

CSS情報を含む複数のgifファイルをスプライト

私はgifファイル（特定のスマイリー）がたくさんあるサイトを持っています。負荷のパフォーマンスを最適化するために、要求の量を1つに減らし、すべてのgifを1つのファイルとして読み込むことにしました。ベストプラクティスは、単一のスプライトファイルを作成することです。これを助けてくれるImageMagicプログラムもあります。wikiです。私はちょうどスプライト結果として、静的なイメージを持ってい

0熱

1答えて

CSSスプライトシートの動きの遷移。

それは一口だから説明するのはいくらか難しいですが、私はできる限り文脈を伝えようとします。 CSSスプライトシートに、北、南、東、西に面した小さな文字があります。私のゲームで。 WASDで彼の動きをコントロールすることができます。これにより、Xピクセルを視覚的に上下、左右、または右に移動させることができます。その方向に応じて、CSSのスプライトはそれに応じて変更され、移動する方向に常に「向き」ます。

-1熱

2答えて

小さなdivに大きな画像スプライトを配置し、ウィンドウサイズに合わせて調整する

.icon-parkfinder_1 { background-image: url(../images/sprites.png); background-position: -1080px 0px; width: 1080px; height: 1920px; } 私は大きな画像スプライトを持っています。小さなdivに配置しました。私はそれが反応する

-1熱

1答えて

JS onclickの問題がCSSスプライトの画像を呼び出す

イメージをクリックすると特定の操作を実行するJSが作成されました。 ATMすべてのイメージは個別にロードされ、次の関数で呼び出されます。多くのHTTPリクエストがあるため、ページのロードが比較的遅いということがあります。私は50の小さなイメージファイルの代わりに1 cssスプライトを呼び出すようにページを変更することにしましたが、スプライトを介して読み込まれた個々のイメージを呼び出す方法を理解

11熱

4答えて

Chromeでズームすると画像スプライトの位置がずれる

ズームのときは、画像スプライトのアイコンの位置がずれることがあります。あなたがバックグラウンドイメージから遠ざかるにつれて、ポジションは少し下がっているようです。これはChromeでのみ発生します。ここCSSです。 .feature-icon { height: 22px; width: 22px; display: inline-block; backg