PNG in Dreamweaver
- Started
- Last post
- 12 Responses
- jondj24
When i put a transparent PNG file on a dark background in dreamweaver and publish it, it has a gray window behind it, why is this happening? see example here: (where the logo is at top) http://www.wsdia.com/indexTEST.h…
- MLP0
floto+warner looks fine, but the 'reenter site' has some weird halos...
use a gif
- thismanslife0
It's nothing to do with Dreamweaver. It's your browser. Take a look in Firefox, the logo doesnt havr the grey "window" backing on it.
Simply, IE doesnt handle PNG transparency. Firefox (and other browsers) do. My advice. Don't do it, use a gif. Most "average" users still use IE.
Also, your enter site graphic has the wrong transparent matting colour and so looks "ragged" around the edge. Redo both grtaphics as gif's, matting out to the dark grey colour of the backing. Sorted.
- radar0
yeah, thats an IE issue, use a gif and re-export the Enter Site button too, it's all juacked up.
- jondj240
thanks, the other button is changing, just haven't gotten to it yet.
i find with gifs that it leaves a jagged white edge on the dark background...quality sucks...any thoughts?
- radar0
when you create the gif have it on a dark background and make the dark background the transparent color.
- thismanslife0
Yeah, what I said before, change your MATTING colour when exporting the gif! It's probably white by default, you need to change it to the dark grey to match the backgorund it will sit on.
- welded0
To avoid the light halo look on your GIFs just create them on a black or dark background and make this colour trransparent when saving. Don't start with a transparent background.
For what it's worth IE *can* handle alpha chanels in PNGs, but only by using a nasty IE-only proprietary work-around. Doing so, of course, buggers the image on all other browsers.
- jondj240
thanks, sorry, i missed that one before.
thanks people.
enjoy your sunday
- Dancer0
In your case there is no reason why you should have a transparent background for your logo anyway.. so just make it grey.
p.s IE IS shit though.. pass the word :)
- winter0
haven't read all posts but you can't go wrong with drawing your stuff with the selected bg color and selecting "index transparency" in fireworks when exporting to Gif. dont' use png cause it's much heavier. Whereas png's contain the whole color map in a file Gif's make clones of a given color in a file: so if you have a thing and then a large grey area they just attribute any other pixel/color the info from the first one of the same color. that's why they render faster. the more similar colors you have the more faster it gets compared to other image formats.
Unless you draw some anti-alias stuff you'll always be dependant on your bg color. so anytime you want to change the bg color you'll have to open fireworks, change the bg color and export it again.
good evening sir.
- welded0
PNGs don't have to be heavy, as you describe winter, because the format comes in two flavours, PNG8 and PNG24. The latter are what you describe and have full alpha transparency, but with the former can be saved with an indexed colour palette and binary transparency, just as you would with a GIF. Thus, they are much smaller.
- unfittoprint0
IE workarounds
php
http://koivi.com/ie-png-transpar…js
http://homepage.ntlworld.com/bob…for the js solution, add an IE conditional comment for speed purposes:
http://msdn.microsoft.com/worksh…