タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

performanceとcssに関するstudio-no9のブックマーク (1)

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

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

    MOONGIFT: » 必見!CSSを使って複数の画像を一つに「CSS Sprite Generator」:オープンソースを毎日紹介
    studio-no9
    studio-no9 2008/02/03
    googleのように一枚画像を切り取ることでアイコンを生成する[icons]
  • 1