Transparency

SA
Posted By
Sari Ahokainen
Aug 22, 2003
Views
166
Replies
2
Status
Closed
I have made an image in photoshop and want to put it on a webpage in transparent form (so that the background can’t be seen). I don’t have a background in the image, but when I save it for web and try to place it in FrontPage, there is that white rectangle behind the image. Could somebody help me please?

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

Y
YrbkMgr
Aug 22, 2003
Sari,

Transparencies can be a tricky business, especially for someone relatively new to the whole thing. First and foremost, it depends on what format you’re trying to save in (I presume GIF since nothing else functionally supports transparency on the web).

So if you are trying to save a JPG with a transparent background, forget it – won’t work for web. If your image is already a GIF and has a transparent background, it should post fine with Front Page assuming you are looking at it in preview mode or looking at it in a browser.

What I always recommend is to use a transparency only when you absolutely have to. It is usually far easier to place your image on a background that matches your web page – usually.

That way, you don’t really have to futz with file format since some images look terrible as gifs, and *should* be JPG’s. Sometimes that’s not possible, like when you have a patterned background.

So bottom line? Tell us the file format. If it’s GIF, there’s no reason why it wouldn’t display transparent, provided you truly did have a "blank" transparent background. If it’s a JPG, you can’t do it (functionally).

Peace,
Tony
SA
Sari Ahokainen
Aug 22, 2003
Thanks Tony! My image was in jpeg-form so no wonder it didn’t work. I decided to go with white background for my website so the white color behind the design doesn’t matter. But it was very good to know what was wrong! I learned something new today 🙂

Thanks!

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

Related Discussion Topics

Nice and short text about related topics in discussion sections