sharon1175

Hi! I'm new to the forum and new to web design. I am learning on my own so please bear with me.

I am working on a site where I want to place a button at the top of the page. I created the button in Paint Shop Pro 12. I am fairly proficient with this program as opposed to Photoshop, which I'm not too familiar with. I am also not skilled with graphic design, but a button seems simple enough, right?

It looks great in PSP. Now, I want it to have a transparent background, so I save it to .gif file. But when I put it on my site, the resolution looks terrible.

How can I create a button with a transparent background where I don't lose the quality?

MotorManiac

well, gif arent that good of quality, its probably better to save it as png, and if you have a lot of users that use anything lower that n IE7, then just use the transparentcy hack

jrja

In the settings, as you save your image to the gif format , there is a setting for 'matte'. This is basically the color to match up with your background so you don't see the pixilation that occurs with gif. If you match it with the background then all will be good.

With png as MotorManiac said, some browsers don't support the use of png images. Some folks just want their websites to show well with all browsers - and that could be a good idea. Since there are still a large number of IE6 users out there, using the gif is probably a better choice for now. Unless you don't mind isolating a few folks. Personally, I think it is time those folks update. I'm a poor man and I managed to update --so.

The best way to make the choice is to know who your audience is and whether or not they are the folks most likely to have an updated browser. And make your decision from there.

frinkky

Janna122003

yeah gifs are not that sharp... use png instead..

gulamkakoo

If you want gif than use fireworks..... I think you will get best quality