MOONGIFT: » 必見！CSSを使って複数の画像を一つに「CSS Sprite Generator」:オープンソースを毎日紹介

Googleの表示速度の速さの秘密に、コネクションを極力減らすということがある。それが複数の画像を一つにまとめてしまい、CSSのポジションをずらすことで表示するという手法だ。これを使うと画像のダウンロードは一回で済むのでコネクションが少なくて済む。 実際、検索結果のGoogleロゴを見ると、複数の画像が混ざった結果なのに気づくはずだ。これをやるのは非常に面倒に感じるだろう。だが、小さなアイコンなどはこういう手法をとればサイトの負荷軽減、高速化につながる。それを手軽に実現できるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCSS Sprite Generator、CSSによる画像分割補助ソフトウェアだ。 CSS Sprite Generatorは複数の画像をZipで固めてアップロードすると、その画像を連結し、さらに表示するためのCSSを生成してくれる。これを使えばまさに

[eternalnightsky]

sprite

[mambowak]

サイト内で使う画像を１つにまとめてくれるツール。

[yananaki]

『必見！CSSを使って複数の画像を一つに「CSS Sprite Generator」』　CSS Spriteで使う画像の作成も、これなら簡単にできるのかな？一度試してみたいかも。

[tk7800u]

画像をまとめて軽量化

[snb04]

コネクションを減らして表示速度を上げる

[HHR]

cssスプライト

[webmarksjp]

Web高速化

[a_suenami]

まだ読んでないけど、便利そう。

[nibushibu]

案外便利かも

[tripleshot]

自分は画像アイコンとか多用しない派だけど、これは便利そう

[lordkf]

CSSスプライトの生成サービス。

[hirogocco]

コネクションを減らしてスピードアップ

[omitako]

連休にでもやろうかな

[Quadrifogrio]

Googleは全て一枚画像でポジションをずらして各部表示

[Sire]

CSS Sprite★★★★☆これは知っておきたい

[koheito]

一枚の画像を使い、CSSで表示領域を限定することで、あたかも複数の画像を落としたかのように見せる手法。この発想は中田

[dingding]

分割　css

[studio-no9]

googleのように一枚画像を切り取ることでアイコンを生成する[icons]

[sankaseki]

[!GTD::資料(いつか使う)]MOONGIFT: � 必見！CSSを使って複数の画像を一つに「CSS Sprite Generator」:オープンソースを毎日紹介

[yomogi]

Googleの表示速度の速さの秘密に、コネクションを極力減らすということがある。複数の画像を一つにまとめ、CSSのポジションをずらすことで表示するという手法。これで画像のDLは一回で済み、コネクションが少なくて済む

[stumsky]

これを使うと画像のダウンロードは一回で済むのでコネクションが少なくて済む

[hiro-rock]

複数画像を1つにまとめてくれるサービス　クライアントのリクエスト数を減らす

[uniuni-saru]

いまいち理解できない・・どういうこと？？

[shi3z]

これはとっても便利

[akahigeg]

スゲー

[toshi123]

Googleのロゴがこんなだったとは。