saving in GIF or JPEG for images with Blending Options?

CA
Posted By
crescent_au
Feb 1, 2004
Views
774
Replies
4
Status
Closed
Hi all,

I made few buttons for my new webpage with multiple layers. I used different Blending Options for each layer for some cool effects. I then used "Save for Web…" option to see the difference between saving my buttons in GIF and JPEG. As far as I understand, images with only few colors are good candidates for GIF. When I checked the preview, JPEG seemed to be better than GIF. My button images contain effects such as gradient, bevel, contour, glows, etc…

Which format should I use?

Ben
Related Tags
blend image option save

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

CZ
cris Zalika
Feb 1, 2004
in article , Ben at
wrote on 1/31/04 8:20 PM:

Hi all,

I made few buttons for my new webpage with multiple layers. I used different Blending Options for each layer for some cool effects. I then used "Save for Web…" option to see the difference between saving my buttons in GIF and JPEG. As far as I understand, images with only few colors are good candidates for GIF. When I checked the preview, JPEG seemed to be better than GIF. My button images contain effects such as gradient, bevel, contour, glows, etc…

Which format should I use?

Ben

If it looks better in JPG then why are you not using JPG? Duh?
N
nomail
Feb 1, 2004
cris Zalika wrote:

in article , Ben at
wrote on 1/31/04 8:20 PM:

Hi all,

I made few buttons for my new webpage with multiple layers. I used different Blending Options for each layer for some cool effects. I then used "Save for Web…" option to see the difference between saving my buttons in GIF and JPEG. As far as I understand, images with only few colors are good candidates for GIF. When I checked the preview, JPEG seemed to be better than GIF. My button images contain effects such as gradient, bevel, contour, glows, etc…

Which format should I use?

Ben

If it looks better in JPG then why are you not using JPG? Duh?

Buttons are often in GIF, because JPEG doesn’t support transparency. Consequently, it is impossible to have buttons with rounded corners in JPEG and let them blend into the background of the web page, unless the web page has one solid color as background. That could be a very good reason to use GIF.

—
Johan W. Elzenga johan<<at>>johanfoto.nl Editor / Photographer http://www.johanfoto.nl/
E
edjh
Feb 1, 2004
Ben wrote:
Hi all,

I made few buttons for my new webpage with multiple layers. I used different Blending Options for each layer for some cool effects. I then used "Save for Web…" option to see the difference between saving my buttons in GIF and JPEG. As far as I understand, images with only few colors are good candidates for GIF. When I checked the preview, JPEG seemed to be better than GIF. My button images contain effects such as gradient, bevel, contour, glows, etc…

Which format should I use?

Ben
You can have up to 256 colors in gif. Is that not enough? Plus you can choose a dither option which will smooth things over a bit. I’d worry about glows and shadows though. No translucence in gif, thus no antialias on outer edges.

Try a matte color as close as possible to your main web background color. —
Comic book sketches and artwork:
http://www.sover.net/~hannigan/edjh.html
Batman art for sale:
http://www.sover.net/~hannigan/batsale.html
T
tacitr
Feb 1, 2004
As far as I understand, images with
only few colors are good candidates for GIF. When I checked the preview, JPEG seemed to be better than GIF.

Remember, every shade of a color counts as a different color. If you have a drop shadow and a bevel, the drop shadow and the bevel may count as tens or even hundreds of different colors. Smooth gradations of tone count as many, many colors, and often look better in JPEG than GIF.

My button images contain
effects such as gradient, bevel, contour, glows, etc…

Then they probably contain far more than 256 colors, and are not suitable for GIF.

Which format should I use?

Many colors, no transparency: JPEG.
Transparency: GIF. JPEG doesn’t support transparency.

—
Rude T-shirts for a rude age: http://www.villaintees.com Art, literature, shareware, polyamory, kink, and more:
http://www.xeromag.com/franklin.html

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections