Comments on: SpriteMe – Combine images and get fewer HTTP requests http://friendlybit.com/css/spriteme-combine-images-and-get-fewer-http-requests/ Strategic web development Tue, 08 May 2012 22:48:12 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: pkr http://friendlybit.com/css/spriteme-combine-images-and-get-fewer-http-requests/#comment-34345 pkr Fri, 12 Nov 2010 18:31:41 +0000 http://friendlybit.com/?p=557#comment-34345 You can and should get the best of both worlds, maintainability AND the fewer HTTP requests that result from combining the CSS files. How? Make the combining part of your site build process that you go through when releasing a new version of your site. Don’t have a site build process? Then you have bigger problems, or, it could be said, smaller problems, since your current scale probably means you don’t need to worry about boosting performance in this manner. You can and should get the best of both worlds, maintainability AND the fewer HTTP requests that result from combining the CSS files. How? Make the combining part of your site build process that you go through when releasing a new version of your site.

Don’t have a site build process? Then you have bigger problems, or, it could be said, smaller problems, since your current scale probably means you don’t need to worry about boosting performance in this manner.

]]> By: Emil Stenström http://friendlybit.com/css/spriteme-combine-images-and-get-fewer-http-requests/#comment-34100 Emil Stenström Sun, 19 Sep 2010 09:15:23 +0000 http://friendlybit.com/?p=557#comment-34100 @Nicolas: I just looked breifly at smartsprites and it think it's just too much work. Manually annotating your CSS file with things the computer can calculate for you? SpriteMe does all those calculations for you. Only thing I really want is a commandline version... Thanks for the tip though! @Nicolas: I just looked breifly at smartsprites and it think it’s just too much work. Manually annotating your CSS file with things the computer can calculate for you? SpriteMe does all those calculations for you. Only thing I really want is a commandline version… Thanks for the tip though!

]]> By: Nicolas http://friendlybit.com/css/spriteme-combine-images-and-get-fewer-http-requests/#comment-34099 Nicolas Sat, 18 Sep 2010 18:57:57 +0000 http://friendlybit.com/?p=557#comment-34099 Personaly I use SmartSprites ( csssprites.org ). You can use ant script to automate sprite genration while you deploy website. Personaly I use SmartSprites ( csssprites.org ). You can use ant script to automate sprite genration while you deploy website.

]]> By: Virtual http://friendlybit.com/css/spriteme-combine-images-and-get-fewer-http-requests/#comment-33520 Virtual Fri, 30 Apr 2010 11:07:41 +0000 http://friendlybit.com/?p=557#comment-33520 Very good tool. I really helped. Thanks Emil. Very good tool. I really helped. Thanks Emil.

]]> By: Mac http://friendlybit.com/css/spriteme-combine-images-and-get-fewer-http-requests/#comment-33485 Mac Thu, 25 Mar 2010 23:35:40 +0000 http://friendlybit.com/?p=557#comment-33485 By the way, isn't it impossible to right click CSS background images and save them? By the way, isn’t it impossible to right click CSS background images and save them?

]]> By: Johan http://friendlybit.com/css/spriteme-combine-images-and-get-fewer-http-requests/#comment-33275 Johan Fri, 20 Nov 2009 20:55:13 +0000 http://friendlybit.com/?p=557#comment-33275 Best css sprite example ever: <a href="http://www.cssplay.co.uk/menu/car.html" rel="nofollow">see exampele</a> Best css sprite example ever:

see exampele

]]> By: Cody http://friendlybit.com/css/spriteme-combine-images-and-get-fewer-http-requests/#comment-33060 Cody Fri, 25 Sep 2009 23:14:56 +0000 http://friendlybit.com/?p=557#comment-33060 Wow this is a very easy and cool tool. It does a pretty decent job on pulling suggested sprites and creating them. Wow this is a very easy and cool tool. It does a pretty decent job on pulling suggested sprites and creating them.

]]> By: Andreas http://friendlybit.com/css/spriteme-combine-images-and-get-fewer-http-requests/#comment-33025 Andreas Sun, 20 Sep 2009 16:58:38 +0000 http://friendlybit.com/?p=557#comment-33025 make sure to use your sprite correctly aswell .sprite {background-image: url(sprite.png;} .sprite-foo { background-position:...;} .sprite-bar { background-position:...;} instead of .sprite-foo { background: url(sprite.png) ...;} .sprite-bar { background: url(sprite.png) ...;} because only safari is smart enough to request your sprite 1 time in the last case, even if you use expire headers. make sure to use your sprite correctly aswell .sprite {background-image: url(sprite.png;} .sprite-foo { background-position:…;} .sprite-bar { background-position:…;}

instead of .sprite-foo { background: url(sprite.png) …;} .sprite-bar { background: url(sprite.png) …;} because only safari is smart enough to request your sprite 1 time in the last case, even if you use expire headers.

]]> By: Jim Westergren http://friendlybit.com/css/spriteme-combine-images-and-get-fewer-http-requests/#comment-33022 Jim Westergren Sun, 20 Sep 2009 13:36:51 +0000 http://friendlybit.com/?p=557#comment-33022 That was a great tool, thanks Emil! That was a great tool, thanks Emil!

]]>