Comments on: Using Fewer Images http://magnetiq.com/2006/08/27/using-less-images/ Ates Goral's Personal Playground and Project Repository Mon, 12 May 2008 22:25:53 +0000 http://wordpress.org/?v=2.0.2 by: Damjan Mozetič http://magnetiq.com/2006/08/27/using-less-images/#comment-21359 Wed, 30 Jan 2008 15:11:32 +0000 http://magnetiq.com/2006/08/27/using-less-images/#comment-21359 Nicely explained, congrats. Nicely explained, congrats.

]]> by: bogota http://magnetiq.com/2006/08/27/using-less-images/#comment-21031 Sat, 26 Jan 2008 21:23:06 +0000 http://magnetiq.com/2006/08/27/using-less-images/#comment-21031 Great, i never saw a simple explanation of this technique.. Thanks Great, i never saw a simple explanation of this technique.. Thanks

]]> by: jessie http://magnetiq.com/2006/08/27/using-less-images/#comment-20414 Thu, 17 Jan 2008 12:23:52 +0000 http://magnetiq.com/2006/08/27/using-less-images/#comment-20414 i'm a newbie blogger and i'm still learning stuffs like CSS. I've learned from your post. keep posting tutorials like this and people will come back to your site more often. :-) i’m a newbie blogger and i’m still learning stuffs like CSS. I’ve learned from your post. keep posting tutorials like this and people will come back to your site more often. :-)

]]> by: Free Blog Templates http://magnetiq.com/2006/08/27/using-less-images/#comment-19805 Mon, 07 Jan 2008 14:28:16 +0000 http://magnetiq.com/2006/08/27/using-less-images/#comment-19805 Amazing technique. I changed one of my buttons as soon as I read your article because my button was noticeably slow to load on hover. Now it's smooth running! ~David Amazing technique. I changed one of my buttons as soon as I read your article because my button was noticeably slow to load on hover. Now it’s smooth running!

~David

]]> by: noclegi http://magnetiq.com/2006/08/27/using-less-images/#comment-19339 Wed, 26 Dec 2007 18:13:30 +0000 http://magnetiq.com/2006/08/27/using-less-images/#comment-19339 cool cool

]]> by: JAson http://magnetiq.com/2006/08/27/using-less-images/#comment-19149 Thu, 20 Dec 2007 08:50:17 +0000 http://magnetiq.com/2006/08/27/using-less-images/#comment-19149 this is a great way to decrease the potential for javascript conflicts as well...thanks for the simple explanation this is a great way to decrease the potential for javascript conflicts as well…thanks for the simple explanation

]]> by: Leo.锦州 - 周亮的博客 » Blog Archive » 101 个经典CSS技巧和实例 http://magnetiq.com/2006/08/27/using-less-images/#comment-18910 Wed, 12 Dec 2007 03:47:56 +0000 http://magnetiq.com/2006/08/27/using-less-images/#comment-18910 [...] CSS Trick: Using Fewer Images [...] […] CSS Trick: Using Fewer Images […]

]]> by: lawrence http://magnetiq.com/2006/08/27/using-less-images/#comment-15452 Fri, 26 Oct 2007 01:52:06 +0000 http://magnetiq.com/2006/08/27/using-less-images/#comment-15452 Great Article,... ... and you seems to have provided the benefits of using a single image... However as a designer,... and dealing with optimizing images for the web daily,... I must say that this option is limiting,.. because I have to chose one format for both states which may not necessarily result in smaller file sizes... with 2 images for the respective states, I can now have each image saved in the format that generates the best results with the smallest possible file size: e.g. yaprak_bw could be in gif/jpg/png (whichever generates a smaller size) cheers Great Article,…

… and you seems to have provided the benefits of using a single image…
However as a designer,… and dealing with optimizing images for the web daily,… I must say that this option is limiting,.. because I have to chose one format for both states which may not necessarily result in smaller file sizes… with 2 images for the respective states, I can now have each image saved in the format that generates the best results with the smallest possible file size:

e.g. yaprak_bw could be in gif/jpg/png (whichever generates a smaller size)

cheers

]]> by: Bob Lindabury http://magnetiq.com/2006/08/27/using-less-images/#comment-9854 Tue, 14 Aug 2007 15:01:57 +0000 http://magnetiq.com/2006/08/27/using-less-images/#comment-9854 While this is a cool idea for mouseovers, it's not limited to mouseovers. You can create a single image containing all your icons for a website (or specific part of a website) and use background-position offests (along with specific width, height attributes pertaining to the specific icon) and no-repeat to populate your site with icons. This way you have consolodated your graphics into image collages. While this is a cool idea for mouseovers, it’s not limited to mouseovers.

You can create a single image containing all your icons for a website (or specific part of a website) and use background-position offests (along with specific width, height attributes pertaining to the specific icon) and no-repeat to populate your site with icons.

This way you have consolodated your graphics into image collages.

]]> by: All in a days work… http://magnetiq.com/2006/08/27/using-less-images/#comment-9106 Sat, 28 Jul 2007 04:37:52 +0000 http://magnetiq.com/2006/08/27/using-less-images/#comment-9106 [...] Using Fewer Images (for rollovers) Image rollovers are usually composed of 2 images; one for the default state and one for when the mouse is hovered over the image or link, it’s advantageous to use a single image by taking advantage of CSS image offsets, a trick for optimizing your website. [...] […] Using Fewer Images (for rollovers) Image rollovers are usually composed of 2 images; one for the default state and one for when the mouse is hovered over the image or link, it’s advantageous to use a single image by taking advantage of CSS image offsets, a trick for optimizing your website. […]

]]>