.png with alpha channel is the best way to go.
IE6 and lower can't handle the alpha channel and make the
transparent background gray.
Can be conditionally fixed with js, for example:
http://www.dillerdesign.com/experiment/DD_belatedPNG/
Based on my site audience I'll make fallback .gif replacements for
the .png images (that look crappier but are at least transparent)
You can also make 8 bit .pngs (with no alpha channel) that behave
just like .gif
Joseph R. B. Taylor
Web Designer / Developer
--------------------------------------
Sites by Joe, LLC
"Clean, Simple and Elegant Web Design"
Phone: (609) 335-3076
Web: http://sitesbyjoe.com
Email: [email protected]
On 12/8/10 4:01 PM, cat soul wrote:
I hope I'm not bending/breaking the purpose of the list but wanted
opinions on best practices for preparing images for use on web
pages where there are color backgrounds, and the image must have
some of that background color in them.
Example: you want to place an image with a drop shadow, so in
photoshop, you prepare your image with drop shadow, both of them in
layers above the same background color as on the page. When you
place such an image, flattened and jpg'd, it looks seamless.
Trouble comes when you want to change the background color on the
page(s) where you've already prepped the images with a given
color..then you have to change that, too, and re-jpg, re-place, etc..
Some images don't look right unless their lifted off the page with
a drop shadow, IMHO...
cs
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
