Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Get rid of background...

Status
Not open for further replies.

0211

Technical User
Oct 14, 2003
35
US
Hi everyone:
I am just starting to learn PhotoShop. I am getting around it okay. One thing I want to know how do I get rid of the backgroungd. I am trying to create headers for a website. When the image is created, it has a white background that I don't want. I tried to make it transparent, still has the background. I just want the header (like those templates you buy for websites) and nothing in the back of it....Is this possible?
Thanks
 
If you have a newer version of PS you can "save for web", and pickt GIF format. You will see the option to make the background transparent.

I believe version 7.0 introduced the save as web option.
 
use the magic wand tool and click on the white -- if the image is well defined then it will select all the white around it -- hit delete and you are done.

then just save for web and save as gif with transparency

<Signature>
Sometimes the Answer You Are LOOKING for can be FOUND BY SEARCHING THE FAQ'S @&%$*#!!!
</Signature>
 
Thank you both for the suggestion. Yes, it worked to save it as GIF. I was doing JPG. As for magic wand tool, it made the background black. I am learning all kind of stuff...
 
thats because you need to double click the layer that the image is on first to unlock it.

Listen All I ask is that You close out a Post You Started!!!!
 
>>I believe version 7.0 introduced the save as web option.<<

I'm sure the 'save for web' option was there at least as far back as V5.5
 
As a general rule, I understand that the format used when saving for web was dependent on the type of image in question!

The GIF format (because it is limited to 256 hues) is best suited to 'clean' graphics such as drawings diagrams and clipart etc. It is most definately not suited to detailed graphics (photographs and the like). Therefore, your first choice of JPG was maybe correct, depending on your image type.

However, if you have transparent areas in a detailed image that you would normally save as JPG, one possibilty would be to use the matt facility when you save for web as JPG. In this case the transparent area would have to have 'clean' (non aliased) edges and the colour of the matt would have to correspond to the background colour if you wanted conformity.

Alternativley, you could save for web in PNG format (Portable Network Graphics). This format is similar to gif, but the advantage is that you can save with up to 16,000,000 colours and include your transparent areas. The file size is somewhat larger than JPG but then again the quality is much better than GIF.

I am not quite sure how compatibility is with older browsers, maybe someone else can answer that.

Ron Winslow
A good plan today is better than a perfect plan tomorrow.
 
I'm sure the 'save for web' option was there at least as far back as V5.5

Eggles you're most likely correct...I really never used it except to try it out once in v7. I prefer to &quot;save (pics) for web&quot; manually by cropping and reducing colors to reduce size.

 
Thanks everyone. I have got another quick question. I saved the image as GIF and that took care of the background. Now, when I insert it in the webpage, it seems to have a large space around it (like it has something invisible around the image).... I don't know if I am making sense here or not, I hope so!!!
Can someone explain to me how I can just simply insert an image in the page? Maybe I am doing something wrong....
Thanks
 
It is because you have probably feathered the edges of your image making them semi transparent, this means that they have a colour value and will be seen as a light border around your gif image.

create a new layer behind your image in PS and fill it with the same coloúr as your webpage background then save for web again or use the matt facility in save to web, to match your webpage background.

or

Save for web as PNG24 (can give large file sizes though - as I said before)

Ron Winslow
A good plan today is better than a perfect plan tomorrow.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top