↵

Show DN: Built by Bobby Portfolio(builtbybobby.com)

almost 6 years ago from Bobby Anderson, Senior UI/UX Designer

  • Bobby AndersonBobby Anderson, almost 6 years ago

    Thanks Ian, I was aware of the jaggy alpha channel at the top edge of the PNG… I had to make a choice between sacrificing the smoothness of a 24 bit PNG for the benefit of saving 1Mb+ in file size and loading times for the user

    0 points
    • Kyle BavenderKyle Bavender, almost 6 years ago (edited almost 6 years ago )

      First, feedback on the PNG: You could definitely get that PNG-24 down way below 1MB — I copied your image, posterized the photo down to 19 levels, saved as PNG-24, then used imageOptim to compress. Got to 139 KB — smaller than your current PNG-8. A couple notes:

      1. Posterization is the key to pushing your PNG-24 compression. Flat areas of color compress well to code.
      2. ImageOptim or a similar PNG Crush tool is your best friend (especially with posterization).
      3. Sometimes, PNG-8 with a little white border is a better option. Arguably it might be for your use here, with posterization + compression.

      --

      That said, I think your site is excellent Bobby! Lots of fun. I take an extra interest in it because I have been working here and there on a very similar "text disappearing behind mountains" look for a landing page that I hope to put up this weekend. I laughed when I saw your site — "well, darn!"

      Excellent work! Bookmarking your site.

      0 points
      • Bobby AndersonBobby Anderson, almost 6 years ago

        Thanks for the kind words Kyle and also thanks for bringing ImageOptim to my attention, I'll definitely take a look and see if I can get a better quality version of that PNG without the jaggies down to a reasonable file size with that.

        Cheers!

        0 points