Image's blend mode is set as multiply and it is showing the effect correctly in Adobe Fireworks. However, when overlapping the same image with another, separate image in the browser, the effect looks different.

  • 2
    You have already asked this question and received a very good answer: photo.stackexchange.com/questions/5183/…
    – Kyle
    Feb 18, 2011 at 10:50
  • arrrrrrrrrr dint get solution thats why i put it again.. :)
    – Jack
    Feb 18, 2011 at 11:24
  • 1
    Fireworks' native file format has a .png extension which causes a lot of confusion. While a browser CAN read that native .png format, it's not capable of rendering all the native Fireworks features in it. As such, if you want to use PNGs, you need to EXPORT the .png from Fireworks into a separate file.
    – DA01
    Feb 18, 2011 at 13:37
  • 1
    Linked: graphicdesign.stackexchange.com/questions/964/…
    – e100
    Feb 25, 2011 at 14:25

1 Answer 1


The standard JPG/GIF/PNG files Fireworks exports do not support blending modes.

If you blend two images in Fireworks together, it doesn't export two images with blending modes, but rather than one blended image. If you have only one image with a blending mode set, Fireworks exports the image blended with the background (or any other layer(s) behind it). The result is not dynamic and that's why it works as you described.

While the effect is not achievable with just image files, it is achievable to some extent with javascript. See e.g. Pixastic.

There is some related discussion on Stack Overflow too: Are photoshop-like blend modes possible in HTML5?

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.