Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread tee
On Nov 24, 2008, at 3:24 AM, Robert O'Rourke wrote: If I remember rightly if you are able to save the image with a transparent background it keeps the file size lower because a transparent pixel takes less space than a pixel with colour information. You can put a coloured outline around

RE: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread Foskett, Mike
While I cannot help with the spacing issue I do strongly suggest using png rather than gif. File size is smaller especially when run through pngGauntlet. Mike Foskett -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of tee Sent: 25 November 2008 10:48 To:

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread Brett Patterson
No, I may have to disagree. GIF files are (a majority of them, if not all, are) smaller. They have to be. Considering GIF only supports up to a maximum of 256 colors. (it is 8-bit). Try http://www.sitepoint.com/article/gif-jpg-png-whats-difference/ ---or---

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread Todd Budnikas
Brett, i'm not sure if the previous recommendation of PNG was for the 8-bit pngs with transparency, but that's what I'd argue. I often check between GIF and 8-bit PNG when i export, to see which looks the best at the smallest size, and PNG often wins. On Nov 25, 2008, at 8:15 AM, Brett

RE: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread Foskett, Mike
Sorry Brett, you're wrong. The png format will handle three levels of bit-depth including 8-bit which is the same as the gif format. The references you state are somewhat outdated and don't consider the different methods of compression that a png will handle natively. I suggest you try a few

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread Christian Montoya
On Tue, Nov 25, 2008 at 9:06 AM, Foskett, Mike [EMAIL PROTECTED] wrote: Sorry Brett, you're wrong. The png format will handle three levels of bit-depth including 8-bit which is the same as the gif format. The references you state are somewhat outdated and don't consider the different

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread neal
There is an issue where a PNG will not look exactly the same in IE vrs FF So if you try to match a background with the PNG you may have issues between the browsers having said that I love PNGs myself On Tue, Nov 25, 2008 at 9:06 AM, Foskett, Mike [EMAIL PROTECTED] wrote: Sorry Brett, you're

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread Brett Patterson
First of all, No I am not! Second I have tried out differences. Notice the difference in file sizes. Thirdly, I did not say that png did not support 8-bit, nowhere does it say that, it does however say that GIF only supports a maximum of 256 colors. Fourthly, Todd your argument is off subject,

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread Todd Budnikas
wouldn't best practise for CSS sprites include image quality? On Nov 25, 2008, at 11:23 AM, Brett Patterson wrote: First of all, No I am not! Second I have tried out differences. Notice the difference in file sizes. Thirdly, I did not say that png did not support 8-bit, nowhere does it say

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread Christian Montoya
On Tue, Nov 25, 2008 at 11:23 AM, Brett Patterson [EMAIL PROTECTED] wrote: First of all, No I am not! Second I have tried out differences. Notice the difference in file sizes. Thirdly, I did not say that png did not support 8-bit, nowhere does it say that, it does however say that GIF only

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread Andrew Maben
Please, could I ask you to take this discussion off-list if you want to continue. It's really degenerated to an unresolvable cycle of I'm right, No, I'M right... When it just comes down to Use the best available solution for the problem at hand All compressed image file formats have

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread David Dorward
[EMAIL PROTECTED] wrote: There is an issue where a PNG will not look exactly the same in IE vrs FF So if you try to match a background with the PNG you may have issues between the browsers That's easily resolved by stripping the gamma correction data from the image using pngcrush.

RE: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread Heather
Hi, I’m new here not sure what’s going on but as far as web performance goes a handy little online tool is http://www.smushit.com/ ( It goes beyond Photoshop customisation) Heather _ De : [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] De la part de Andrew Maben Envoyé : mardi

RE: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread neal
Sorry Mike I do not have an example at the moment - just remember past headaches with it - apparently there is a solution http://hsivonen.iki.fi/png-gamma/ per a previous email on this thread - you can google the issue I'm sure Neal There is an issue where a PNG will not look exactly the same in

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread Brett Patterson
OK. So, lets agree that (Start here quoting you:::If you're not using a decent compressor then png's are 15% - 20% oversized.:::end quoting you here.) we are both right. I am simply stating as such without using a compressor (Start quoting you:::If you're not using a decent compressor then png's

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread Jierna Wheeler
Thanks Heather for the link. I have taken a quick glance at smushit.com, and it looks promising. Sent via BlackBerry from T-Mobile -Original Message- From: Heather [EMAIL PROTECTED] Date: Tue, 25 Nov 2008 18:15:17 To: wsg@webstandardsgroup.org Subject: RE: [WSG] your best practise for

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread Dennis Lapcewich
Return Receipt Your Re: [WSG] your best practise for CSS sprites for elements document: that have no height declared

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-25 Thread Johan Douma
Gif Vs PNG If using PNG 8 / GIF, with the same amount of colours. Say 256. Gif are often smaller than PNG in small sizes, less than 20px by 20px example. I'll have to find out at what point a PNG is lighter. I suspect it's around 500px. In all the other cases PNG images will be lighter.

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-24 Thread Robert O'Rourke
tee wrote: I am trying to optimize a site, though the file sizes of the overall images aren't so much of a problem but the http requests. So I am attempting to put 10 icons in one gif file, the individual icon size is merely 600b and the dimension is 18px by 12px. I made a 18px by 150px to

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-24 Thread Dennis Suitters
Check out http://www.alistapart.com/articles/sprites and http://www.alistapart.com/articles/sprites2 I think this what your trying to achieve, or at least close to either one of those articles. I haven't played much with horizontal sprite images, but usually use vertical ones, and I

RE: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-24 Thread michael.brockington
If I remember rightly if you are able to save the image with a transparent background it keeps the file size lower because a transparent pixel takes less space than a pixel with colour information. It may be possible to get better compression on a file that contains lots of pixels of the

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-24 Thread Brett Patterson
Yes, and colors in a row or horizontal line, so to speak, compress better depending on the compression mechanism. Just say that jpeg files read/compress horizontal, and gif files read/compress vertical, not sure if that is exactly correct, just an example. But iii (if the size is 1 pixel wide

[WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-23 Thread tee
I am trying to optimize a site, though the file sizes of the overall images aren't so much of a problem but the http requests. So I am attempting to put 10 icons in one gif file, the individual icon size is merely 600b and the dimension is 18px by 12px. I made a 18px by 150px to hold 10

Re: [WSG] your best practise for CSS sprites for elements that have no height declared

2008-11-23 Thread Johan Douma
I often have sprites that are 800px or even more, I usually use 100px in between the images. But I think there's a limit on earlier versions of Opera that dont take images bigger than 2000px (not sure at all might be more). So I generally use 2 or 3 sprites if they get big, I still save a lot of