Scotty13 Posted December 5, 2012 Report Share Posted December 5, 2012 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 Quote Link to comment Share on other sites More sharing options...
falkencreative Posted December 5, 2012 Report Share Posted December 5, 2012 Link to the page? Hard to see what is going on otherwise. Quote Link to comment Share on other sites More sharing options...
Andrea Posted December 5, 2012 Report Share Posted December 5, 2012 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. Quote Link to comment Share on other sites More sharing options...
Scotty13 Posted December 6, 2012 Author Report Share Posted December 6, 2012 (edited) 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 Quote Link to comment Share on other sites More sharing options...
Andrea Posted December 6, 2012 Report Share Posted December 6, 2012 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. Quote Link to comment Share on other sites More sharing options...
Andrea Posted December 6, 2012 Report Share Posted December 6, 2012 Looks like you edited the post with the link while I was writing my reply - oh well Quote Link to comment Share on other sites More sharing options...
Scotty13 Posted December 6, 2012 Author Report Share Posted December 6, 2012 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? Quote Link to comment Share on other sites More sharing options...
Andrea Posted December 6, 2012 Report Share Posted December 6, 2012 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. Quote Link to comment Share on other sites More sharing options...
Scotty13 Posted December 6, 2012 Author Report Share Posted December 6, 2012 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 Quote Link to comment Share on other sites More sharing options...
Andrea Posted December 6, 2012 Report Share Posted December 6, 2012 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. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.