Discussion:
transparent images not transparent?
(too old to reply)
DiMa
2003-12-15 21:13:57 UTC
Permalink
I've got an image that I make transparent in the graphics program.
When I insert it into my web page I expected the background of the
page to show through it. I guess it doesn't work that way though. How
can I make an image transparent so the background will show through
it??? daf
When you exported the image, what format did you make it? .gif? .png? .jpg?

--
--
DiMa
--------------------
WEB FORUM USERS: Please log on to the Newsgroup for quicker replies to
your posts: news://forums.macromedia.com/macromedia.dreamweaver
For Answers, check here first:
http://groups.google.com/advanced_group_search?q=+group:macromedia.dreamweaver
http://www.macromedia.com/support/dreamweaver/technotes.html
http://www.projectseven.com/faqbase
http://www.dreamweaverFAQ.com

http://www.macromedia.com/support/forums/etiquette.htm

www.flyingtigerwebdesign dot com
mzanime.com
2003-12-15 21:29:32 UTC
Permalink
You can only do transparent backgrounds with GIF and PNG images, JPEG will not work. You probably already know that though. What graphics program are you using?


MiKE.
Looking for freelance work | mike[at]mzanime.com
$i = "fun"; while($i > $possibilities) { $code; $code++; }
loosestring
2003-12-15 21:31:06 UTC
Permalink
Actually I was unaware of that fact. Let me try again with a gif format and see what happens.
Thx a mil
daf
DiMa
2003-12-15 21:47:23 UTC
Permalink
I tried both gif and png and it still is not transparent. I'm goofin
around with picture it. Maybe I need to use a different graphics
program? daf
png isn't supported x-browser, so forget it. You must use .gif. If you're using
fireworks, you must set the canvas to Transparent. Select the cavas and change
the color cube to transparent, which shows as a little white box with a red
line through it. Then click the Preview tab at the top of the canvas and if you
see checkerboard behind it, you're cool.

--
--
DiMa
--------------------
WEB FORUM USERS: Please log on to the Newsgroup for quicker replies to
your posts: news://forums.macromedia.com/macromedia.dreamweaver
For Answers, check here first:
http://groups.google.com/advanced_group_search?q=+group:macromedia.dreamweaver
http://www.macromedia.com/support/dreamweaver/technotes.html
http://www.projectseven.com/faqbase
http://www.dreamweaverFAQ.com

http://www.macromedia.com/support/forums/etiquette.htm

www.flyingtigerwebdesign dot com
darrel
2003-12-15 22:00:27 UTC
Permalink
Post by DiMa
png isn't supported x-browser, so forget it.
IE has the problems. There are some usable javascript workarounds if you
MUST have PNG alpha transparency.
Post by DiMa
If you're using
fireworks, you must set the canvas to Transparent.
Actually, with GIFs, you just need to pick a transparent color. So, your
background can be anything, but you just need to select it when you choose
the color to be transparent.

No idea about picture-it, but somewhere there should be an option to choose
the transparent color for the GIF.

-Darrel
loosestring
2003-12-15 21:45:53 UTC
Permalink
I tried both gif and png and it still is not transparent. I'm goofin around with picture it. Maybe I need to use a different graphics program?
daf
mzanime.com
2003-12-15 22:02:24 UTC
Permalink
Well I never used picture it, but in photoshop you can use the "magic eraser tool" to make an entire background transparent. The transparency is display as grey/white squares.

Just so you know, GIF & PNG both have downsides so its upto you which one to use.

GIF: can only display a max of 256 colors. If your image has a lot of gradients then it might look kinda bad.

PNG: can display millions of colors, and also semi-transparency, but they take a lot longer to load. And I believe not all older browsers support PNG, at least will GIF you know everyone can see your image.

MiKE.
Looking for freelance work | mike[at]mzanime.com
$i = "fun"; while($i > $possibilities) { $code; $code++; }
loosestring
2003-12-15 22:08:59 UTC
Permalink
alright, thanks for the tips. ;-)
daf

Continue reading on narkive:
Loading...