画像のHTTPリクエストをCSSを使って軽減する"CSS Sprite Generator" | エンタープライズ | マイコミジャーナル

Ed Eliot氏およびStuart Colville氏は9月28日(ドイツ時間)、Webページにおける画像の読み込みオーバーロードを軽減するためのおもしろい取り組みをWebサービス「CSS Sprite Generator」として公開した。ページを読み込む場合、画像を要求するHTTPリクエストが発行されるわけだが、「CSS Sprite Generator」はその要求数を低減させようとするものだ。 ページが画像を多く含んでいる場合、画像を取得するためのHTTPリクエストが大量にWebブラウザから発行されやすくなる。このHTTPリクエストを軽減するために、ページで使われている画像をひとつの大きな画像にマージしてしまい、かわりにCSSの機能を使ってマージされた画像から必要な部分だけを表示しようというのがCSS Sprite Generatorでの発想だ。 CSS Sprite Generat

[webmarksjp]

ネットワーク

[t32k]

- Tags: #performance #CSS

[vv_boow_vv]

HTTPリクエストを軽減するために、ページで使われている画像をひとつの大きな画像にマージしてしまい、かわりにCSSの機能を使ってマージされた画像から必要な部分だけを表示しようという発想。

[aki77]

『CSS Sprite Generatorでは画像をマージするための機能が提供されるほか、マージした画像から対象とする画像を表示するためのCSSデータを生成する』

[akiyan]

.

[typester]

あぁそういうことだったのか

[bobbyjam99]

発想が面白い

[silver_arrow]

あとで書く

[t_43z]

複数画像をくっつけたり、それを分けて指定するCSSを生成したり

[NiPeke]

from uno-san

[namikawamisaki]

画像を単体で呼ぶのではなくて大きな画像から切り出す方法らしい。すでに用いられている技術らしい。ファミリーベーシックのキャラクタ呼び出しを思い出した。

[lizy]

Googleがやってるアレ

[sst]

このHTTPリクエストを軽減するために、ページで使われている画像をひとつの大きな画像にマージしてしまい、かわりにCSSの機能を使ってマージされた画像から必要な部分だけを表示

[field_combat]

複数の画像を一つにまとめて、CSSにて必要な部分のみを表示するっていう方法

[penkun]

大きな画用紙に、写真をぺたぺた張って、そこから、はさみを使って切り分けて、ページにのりで貼り付ける技術。名づけて、ＷＥＢ工作。