Remove White Background Around An Image On My Website

[Scotty13]

On my website page, I’ve inserted an image in a php scripts and it has a white box around it. Image is saved in my “images” folder in my server.

 

I know how to remove the white back ground (Adobe Fireworks), so you just see the image.

 

What I want to know is now that I have my image with no background, how do I make it were the image does NOT show a white box on my webpage?

 

Thanks in advance,

Scotty

[falkencreative]

Link to the page? Hard to see what is going on otherwise.

[Andrea]

What Ben said.

By 'white box around it' - do you mean a border? That could be taken care off via CSS - img {border: 0;}

But if you're talking about the actual background, you'll have to create a gif or a png with a transparent background.

[Scotty13]

Never mind, I figured it out. I need to save image as an "Index Transparency" from the drop down transparency menu.

 

Thanks,

S

Edited December 6, 2012 by Scotty13

[Andrea]

I'm confused - I see one image that seem to display all three things you mention - logo (if that's the globe), don't see 'airmail, just an airplane, and the red arrow:

 

If that is what you're talking about - there is no white border, but there is a white background. As I mentioned before, use your graphics program to set the background as transparent, and it'll disappear.

I've attached what it'll look like. You may have to adjust settings.

[Andrea]

Looks like you edited the post with the link while I was writing my reply - oh well

[Scotty13]

Looks like you edited the post with the link while I was writing my reply - oh well

 

HELP! The image is NOT very sharp. Any suggestions?

[Andrea]

Is this better than what you have?

 

You can try to run a 'sharpening' mode, but it's much harder, if it's possible at all, to increase quality than to decrease.

[Scotty13]

First, thank you for your help.

 

Second, I like my logo but not my red arrow. The original image is sharp at 101 x 111. And the image size on my website is width="60" height="50".

 

Should I be searching for smaller images and gif images, than add that one to my website?

 

Scott

[Andrea]

You should reduce the image size with your image editor instead of displaying it reduces. If you must reduce it, at least be sure to do so proportionately.

 

And actually, the image you had on the page you had provided the link to is really 260 x 245, so, to achieve a new width of 60px, it would need to be 57px high in order to not skew it.