Re: [page-speed-discuss] Combine images using CSS sprites

[Dave Mankoff]

Hi Shallesh.

You can read more about the suggestions PageSpeed makes here: https://developers.google.com/speed/docs/best-practices/rtt#SpriteImages

There are also a lot of articles about CSS spriting on the web. Here's a random hit from a Google search: http://www.alistapart.com/articles/sprites. There exist tools that can help make sprites and the associated css automatically.

The basic idea is to take all of your images and combine them into one, large image. You then use that large image as a background for the various peices of the page. You use CSS to reposition the background such that only the part you want is visible.

Google, for instance, uses this on their search results page: https://encrypted.google.com/images/nav_logo114.png

-dave mankoff

man...@google.com

On Thu, Dec 6, 2012 at 10:32 AM, shailesh gyawali <shailesh...@gmail.com> wrote:

any help would be good

The following images served from blogspot.com should be combined into as few images as poss