Recenent creation of a huge gradient image for a BG img has left me aware 
that where the gradients are purely 0 or 90 degrees linear, you can have as 
many colours involved and the superior PNG-24 will still beat the file size 
of a JPEG [60] by 4-fold. I've got some sites to adjust.

Just thought I'd share that with the group.

-- 
======= dE|_ =======
www.websitefoundry.co.uk
www.crackguitar.com
Fender~Photoshop~Markup

Message-ID: <jIbOl.31189$Ku5.13707@newsfe10.ams2> from dE|_ contained
the following:

>Recenent creation of a huge gradient image for a BG img has left me aware 
>that where the gradients are purely 0 or 90 degrees linear, you can have as 
>many colours involved and the superior PNG-24 will still beat the file size 
>of a JPEG [60] by 4-fold. I've got some sites to adjust.
>
>Just thought I'd share that with the group.

If the gradient is 0 or 90 degrees then the image only needs to be 1
pixel high or wide so surely  the resulting image isn't very big in
either format.  Or am I misunderstanding?
-- 
Geoff Berrow  0110001001101100010000000110
001101101011011001000110111101100111001011
100110001101101111001011100111010101101011
http://slipperyhill.co.uk - http://4theweb.co.uk

In article ,
 Geoff Berrow  wrote:

> Message-ID: <jIbOl.31189$Ku5.13707@newsfe10.ams2> from dE|_ contained
> the following:
> 
> >Recenent creation of a huge gradient image for a BG img has left me aware 
> >that where the gradients are purely 0 or 90 degrees linear, you can have as 
> >many colours involved and the superior PNG-24 will still beat the file size 
> >of a JPEG [60] by 4-fold. I've got some sites to adjust.
> >
> >Just thought I'd share that with the group.
> 
> If the gradient is 0 or 90 degrees then the image only needs to be 1
> pixel high or wide so surely  the resulting image isn't very big in
> either format.  Or am I misunderstanding?

If you make it just 1px, the browser has to work harder than otherwise. 
Best to make them bigger, they are still tiny files.

-- 
dorayme

"Geoff Berrow"  wrote in message 
news:2bki05tqlagd183mt32dhe32q4dfksheo6@4ax.com...
> Message-ID: <jIbOl.31189$Ku5.13707@newsfe10.ams2> from dE|_ contained
> the following:
>
>>Recenent creation of a huge gradient image for a BG img has left me aware
>>that where the gradients are purely 0 or 90 degrees linear, you can have 
>>as
>>many colours involved and the superior PNG-24 will still beat the file 
>>size
>>of a JPEG [60] by 4-fold. I've got some sites to adjust.
>>
>>Just thought I'd share that with the group.
>
> If the gradient is 0 or 90 degrees then the image only needs to be 1
> pixel high or wide so surely  the resulting image isn't very big in
> either format.  Or am I misunderstanding?

Yes, but don't be worried about the far better png.
What suprised me was my 2000x3000 image with an L shape gradient at the top 
(window shadow effect) which came out at 25K. I thought I'd have to make 
that as a H/Z 2-piece to save bandwidth at first.

Same is true of chequered gradients etc; as many colours and forms as you 
like, big a pic as you like, and as long as both H+Z are 0/90 the files are 
always smaller than a 'high' jpeg and far smoother. Any angles and it falls 
on it's arse.

-- 
======= dE|_ =======
www.websitefoundry.co.uk
www.crackguitar.com
Fender~Photoshop~Markup

"Geoff Berrow"  wrote in message 
news:2bki05tqlagd183mt32dhe32q4dfksheo6@4ax.com...
> Message-ID: <jIbOl.31189$Ku5.13707@newsfe10.ams2> from dE|_ contained
> the following:
>
>>Recenent creation of a huge gradient image for a BG img has left me aware
>>that where the gradients are purely 0 or 90 degrees linear, you can have 
>>as
>>many colours involved and the superior PNG-24 will still beat the file 
>>size
>>of a JPEG [60] by 4-fold. I've got some sites to adjust.
>>
>>Just thought I'd share that with the group.
>
> If the gradient is 0 or 90 degrees then the image only needs to be 1
> pixel high or wide so surely  the resulting image isn't very big in
> either format.  Or am I misunderstanding?

Anyway, I'm not trying to outsmart anybody, just passing on something that 
suprised me today so see a quick H+Z example for yourself;
www.websitefoundry.co.uk/images/grad.png
1000x1000px PNG-24 (49.6k)

Message-ID: 
from dorayme contained the following:

>> If the gradient is 0 or 90 degrees then the image only needs to be 1
>> pixel high or wide so surely  the resulting image isn't very big in
>> either format.  Or am I misunderstanding?
>
>If you make it just 1px, the browser has to work harder than otherwise. 
>Best to make them bigger, they are still tiny files.

Probably not going to make much difference[1] unless you are talking
about old machines.  Speaking of which, are we safe to use .pngs  now?





[1] Though as you say, even making the files 5 or 10 pixels high/wide
doesn't result in very big files and so that's probably what I'd do.
-- 
Geoff Berrow  0110001001101100010000000110
001101101011011001000110111101100111001011
100110001101101111001011100111010101101011
http://slipperyhill.co.uk - http://4theweb.co.uk

"Geoff Berrow" mentioned:
>
>>> If the gradient is 0 or 90 degrees then the image only needs to be 1
>>> pixel high or wide so surely  the resulting image isn't very big in
>>> either format.  Or am I misunderstanding?
>>
>>If you make it just 1px, the browser has to work harder than otherwise.
>>Best to make them bigger, they are still tiny files.
>
> Probably not going to make much difference[1] unless you are talking
> about old machines.  Speaking of which, are we safe to use .pngs  now?

AFAIK it's been safe for many years except the transparency which isn't 
supported by IE6. I have still used these in situations where a greyed 
background in place of transparency isn't a big issue. Most phones support 
at least opaque ones, I know that much.

> [1] Though as you say, even making the files 5 or 10 pixels high/wide
> doesn't result in very big files and so that's probably what I'd do.

Same. I've got PShop open, so for the record a B-W grad
2000x1 = 222b
2000x10 = 312b


BTW I dont know why I was reffering to vertical as 'Z' earlier. Slap me.

-- 
======= dE|_ =======
www.websitefoundry.co.uk
www.crackguitar.com
Fender~Photoshop~Markup