5 Replies Latest reply on Oct 6, 2006 3:10 AM by Newsgroup_User

    alpha-transparent PNG

    34567yu
      I found a great article on making boxes with rounded corners in CSS. Using a alpha-transparent PNG, the author illustrated the ease and leaness of this approach. However, when I try to change the color of this PNG the filesize goes from 5k to 38k!!!!

      My method:
      Open in Fireworks, select the blue with magic wand and replace with another color, then do the same to the white. Then save (oh, they are both 24bit).

      What am I doing wrong?
      soulcode.net/webdev/csstest/images/demobox.png
      soulcode.net/webdev/csstest/images/originaldemobox.png
        • 1. Re: alpha-transparent PNG
          Level 7
          34567yu wrote:
          > I found a great article on making boxes with rounded corners in CSS. Using a
          > alpha-transparent PNG, the author illustrated the ease and leaness of this
          > approach. However, when I try to change the color of this PNG the filesize goes
          > from 5k to 38k!!!!

          Can you provide links we can click on to get to the page?

          --
          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: alpha-transparent PNG
            Level 7
            On Thu, 05 Oct 2006 18:03:21 +0400, 34567yu <webforumsuser@macromedia.com>
            wrote:


            > Open in Fireworks, select the blue with magic wand and replace with
            > another
            > color, then do the same to the white. Then save (oh, they are both
            > 24bit).

            Probably you'd better use "Export" rather than "Save"?

            --
            Ilya Razmanov
            http://photoshop.msk.ru - Photoshop plug-in filters
            • 3. Re: alpha-transparent PNG
              Level 7
              On Thu, 05 Oct 2006 18:03:21 +0400, 34567yu <webforumsuser@macromedia.com>
              wrote:

              > I found a great article on making boxes with rounded corners in CSS.
              > Using a
              > alpha-transparent PNG, the author illustrated the ease and leaness of
              > this
              > approach. However, when I try to change the color of this PNG the
              > filesize goes
              > from 5k to 38k!!!!
              >
              > My method:
              > Open in Fireworks, select the blue with magic wand and replace with
              > another
              > color, then do the same to the white. Then save (oh, they are both
              > 24bit).
              >
              > What am I doing wrong?
              > soulcode.net/webdev/csstest/images/demobox.png
              > soulcode.net/webdev/csstest/images/originaldemobox.png

              Oh yes, sure, my original guess was right.

              Your file contains mkBF, mkTS, mkBT chunks that are proprietary chunks
              added by FW for it's internal purposes. They take most of the file size.
              You forgot the golden rule of FW: documents obtained by "Save" are for
              future editing only; documents obtained by "Export" are to be placed on
              the Web. So use "Export" next time.

              --
              Ilya Razmanov
              http://photoshop.msk.ru - Photoshop plug-in filters
              • 4. Re: alpha-transparent PNG
                34567yu Level 1
                Thank you! Export indeed reduced the file. I'll leave out sending you the URL since it isn't relevant in this case, but thank you both for replying.
                • 5. Re: alpha-transparent PNG
                  Level 7
                  On Fri, 06 Oct 2006 08:43:25 +0400, 34567yu <webforumsuser@macromedia.com>
                  wrote:

                  > Thank you! Export indeed reduced the file. I'll leave out sending you
                  > the URL since it isn't relevant in this case, but thank you both for
                  > replying.

                  Well, the PNGs you provided gave enough info, no need for extra links.
                  BTW, if you are Windows user, you may check out this little freeware
                  program:

                  http://entropymine.com/jason/tweakpng/

                  It shows all the tags of PNG file, size of the data attached to them, and
                  inform you about the tags that are not the part of official PNG standard.
                  Check out "exported" file with it and you'll find out that about the only
                  unnecessary thing in the file is a tiny bit of text; check out the "saved"
                  file and you'll see how much extra info, which is meaningfull only to FW
                  itself, is stored in the file. Then you'll see yourself where the problem
                  is.

                  --
                  Ilya Razmanov
                  http://photoshop.msk.ru - Photoshop plug-in filters