4 Replies Latest reply on Nov 30, 2012 7:54 AM by andreea120

    how to export a transparent image  background for the web

    andreea120

      Hi Everyone

       

      I have made a mock up webpage in adobe fireworks 5. I am  now in the process of using the slice tool to cut up the seperate parts and export them to dreamwever.

       

      My question is this: how do i slice the images in such a way that the background is transparent .

       

      Also,  when exporting the image that i have just made trasparent,  what do i need to do to expot it as a transparent background.

       

      warm regards

       

      Andreea

        • 1. Re: how to export a transparent image  background for the web
          Brad Messer Level 1

          You can choose a transparent background for a new or existing file. From the Fireworks menu MODIFY > CANVAS > CANVAS COLOR > TRANSPARENT. The transparency will not survive if you expert as a jpg. Export as File Format PNG 8 and in Image Preview select Alpha Transparency. (I don't know why you want it transparent. Do you have some other background on your html page that you want to show behind your Fireworks PNG images?)

          • 2. Re: how to export a transparent image  background for the web
            andreea120 Level 1

            Hello BradOregon

             

            thank you so much for your advice.

             

            In answer to your question of whether I have some other background that i want to show under the transferred image, the  answer is yes. i do indeed.

             

            i note your comment about transferring it as a PNG 8. i am still a bit confused about PNG 8. Can i store and upload a PNG  image to to web. i was not aware that PNG can be used for web graphics .

             

            warm regards

             

            Andreea

            • 3. Re: how to export a transparent image  background for the web
              Brad Messer Level 1

              When you're ready to transfer your Fireworks layout to DW select FILE > Image Preview. In Options select Format PNG8 and beneath the color grid change the No Transparency dropdown to Alpha Transparency.

               

              Click the Export button, name your file, choose the destination location, and in the dropdowns select Export > HTML and Images, HTML > Export HTML File, Slices > Export Slices, Pages > All Pages. (Also some choices may be handy for you in the Options button including Background Image for the exported file.)

               

              PNG can be used, just as JPG, TIFF, PICT, BMP and GIF, all of which are in your Options > Format dropdown list.

               

              Generally JPG is better for files that have gradients, GIF for simple images and text, but they don't do transparency so the larger PNG file is necessary for that.

              • 4. Re: how to export a transparent image  background for the web
                andreea120 Level 1

                ah. that is great .

                 

                Thank you  Bradoregon.

                 

                i get it now.