3 Replies Latest reply on May 27, 2006 1:38 PM by Newsgroup_User

    image pixelates when published

    dharma360
      Hey -

      Rather new to all this, but I'm trying to cut out a circular logo sent to me in a pdf, shrink it, and put it on my web page. now, i can do all this, but when i put the image on the page with dreamweaver, there is a definite loss of quality. I've been copying the image into FW, using the Oval Marquee tool to cut out just the circular logo, resizing the circle so it's a bit smaller, exporting it by way of animated .gif and then putting it on the site with dreamweaver. And although it looks crisp in FW image preview, when it gets into DW it becomes pixelated and doesn't look very professional. Does it have to do with the shrinking, or the way i'm saving it, or what? any help appreciated.
        • 1. Re: image pixelates when published
          Level 7
          dharma360 wrote:

          > Hey -
          >
          > Rather new to all this, but I'm trying to cut out a circular logo sent to me
          > in a pdf, shrink it, and put it on my web page. now, i can do all this, but
          > when i put the image on the page with dreamweaver, there is a definite loss of
          > quality. I've been copying the image into FW, using the Oval Marquee tool to
          > cut out just the circular logo, resizing the circle so it's a bit smaller,
          > exporting it by way of animated .gif

          Why are you saving it as an animated gif? Can you upload it to your Web
          site so we can see it?

          --
          Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
          --------------------------------------------------------------
          http://www.projectseven.com
          Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
          CSS Newsgroup: news://forums.projectseven.com/css/
          Design Aid Kits: http://www.webdevbiz.com/pwf/index.cfm
          --------------------------------------------------------------
          • 2. Re: image pixelates when published
            dharma360 Level 1
            Linda -
            I saved it as an animated gif because it seems that was the only format that would allow me to have a transparent background but still keep the lettering inside the circle white. Every other format in the 'image preview' made the white lettering transparent as well.

            See the logo here - http://realtheatreworks.org/test.html
            It looks okay, the lettering is suppose to look rough like that, but the edge of the circle looks rough and pixelated, whereas in fireworks it looks perfectly smooth. So i don't get it. Any help would be appreciated. Thanks
            • 3. Re: image pixelates when published
              Level 7
              Instead of using the marquee tool to cut the logo out of the background,
              draw a white circle over it and choose Modify > Mask > Group as Mask.
              Change the canvas color to match the background of your HTML page before
              you export.

              --
              Linda Rathgeber [PVII] **Adobe Community Expert-Fireworks**
              --------------------------------------------------------------
              http://www.projectseven.com
              Fireworks Newsgroup: news://forums.projectseven.com/fireworks/
              CSS Newsgroup: news://forums.projectseven.com/css/
              Design Aid Kits: http://www.webdevbiz.com/pwf/index.cfm
              --------------------------------------------------------------