ウェブページには多くのアイコンや画像があり、サーバーにファイルをリクエストします。多くのアイコンをそれぞれリクエストすると、サーバーの負荷が増え、ページの読み込み速度が低下します。そのため、サーバーからのリクエスト回数を減らし、ページの読み込み速度を向上させるために、CSSスプライト技術(CSS Sprites、CSS雪碧)が

エルフチューション生成器は、複数の画像を1枚のスプライト画像にまとめることができます。ウェブページのコードで、CSSのbackground属性を使って、ブラウザに指定された位置とサイズの画像を読み込み、ページに表示するように指示します。


画像をここにドラッグ&ドロップしてください


px
px (仅逐行扫描模式有效)
並列方法:
画像リスト
CSSコード
HTMLコード