In What Format Do You Save Your Website Images?

8 replies
I need to reduce the size of the images on my website. It includes headers, random images, an order button and bullet images.

What is the best format to save it? I am using Gimp and currently exports to JPEG with a 70% compression. Can I optimize even more, because I really have many images?

Thanks
#format #images #save #website
  • Profile picture of the author Matt Morgan
    Originally Posted by Rensburg View Post

    I need to reduce the size of the images on my website. It includes headers, random images, an order button and bullet images.

    What is the best format to save it? I am using Gimp and currently exports to JPEG with a 70% compression. Can I optimize even more, because I really have many images?

    Thanks
    I use Png and Gif, but I usually use small image files.
    Signature
    -> [FREE WSO 1] Discover 77 FREE Ways To Generate Traffic!
    -> [FREE WSO 2] Discover 67 Killer Traffic Methods Which Will Crush Your Competition!
    -> [FREE WSO 3] Discover 77 Amazing Blogging Tips To Explode Your Profits!

    ...…..Now LISTEN CAREFULLY! ===> [WSO REPORTS 4, 5, 6 are >> Found Here]
    {{ DiscussionBoard.errors[2404693].message }}
    • Profile picture of the author slowrider
      I usually use .jpeg files for graphics just because I've heard that .gif files lose quality and definition. I have no proof of that though. Just something I remember reading somewhere.
      {{ DiscussionBoard.errors[2404702].message }}
      • Profile picture of the author Dan C. Rinnert
        Originally Posted by slowrider View Post

        I usually use .jpeg files for graphics just because I've heard that .gif files lose quality and definition. I have no proof of that though. Just something I remember reading somewhere.
        It really depends on the graphic.

        JPEGs usually work best for photos. GIFs often work well for non-photographic images.

        But, it depends. I use Fireworks and, when I go to export a file, it can show me a side-by-side comparison of the graphic as a JPEG or a GIF (or other formats). Then, I can choose the one (or make adjustments) that looks best at the smallest size possible.

        Also, if you're trying to match colors, GIFs trump JPEGs. With a GIF, you can use the exact color specified. So, if you are using #990000 (or whatever) in your CSS template, you can get that exact same color in your GIF so everything matches. With JPEG, you will have a much much harder time getting the colors to match.
        Signature

        Dan's content is irregularly read by handfuls of people. Join the elite few by reading his blog: dcrBlogs.com, following him on Twitter: dcrTweets.com or reading his fiction: dcrWrites.com but NOT by Clicking Here!

        Dan also writes content for hire, but you can't afford him anyway.
        {{ DiscussionBoard.errors[2404748].message }}
  • Profile picture of the author dave147
    Signature

    THESE PRODUCTS FREE @ adsense-expert
    When You Get The 300 Logo Templates Here
    $500.00 in FREE Advertising For You Here

    {{ DiscussionBoard.errors[2404718].message }}
  • Profile picture of the author InternetM39482
    .png, most of the times. But it's not appropriate for what you want.

    Go for .gif's.
    {{ DiscussionBoard.errors[2404734].message }}
  • Profile picture of the author Andrew Davis
    Hi, I'm a Graphic Designer and Web Developer,
    My recommendations:

    Small Images: .PNG

    Very Large Images: .JPG

    Images with Transparency: .PNG

    Only use .GIF for Animated Images and when you need to use the CSS "Alpha Opacity" on an Image (because of the Internet Explorer Browser).
    Signature
    Owner of: TrinSite, iOrbix, DesignCoverPhoto, KeywordCompetition ...and other Businesses


    Only $20! - >> Get your own PROFESSIONAL Facebook Timeline Cover << - Best Price - Best Quality
    (We are the #1 Facebook Cover Design Team in the WORLD!)
    {{ DiscussionBoard.errors[2404837].message }}
    • Profile picture of the author Karen Blundell
      Originally Posted by EpsilonX5 View Post

      Hi, I'm a Graphic Designer and Web Developer,
      My recommendations:

      Small Images: .PNG

      Very Large Images: .JPG

      Images with Transparency: .PNG

      Only use .GIF for Animated Images and when you need to use the CSS "Alpha Opacity" on an Image (because of the Internet Explorer Browser).
      This is what I do, also. Hopefully soon we won't have to worry about the png hacks once IE6 is no longer used
      Signature
      ---------------
      {{ DiscussionBoard.errors[2404972].message }}
  • Profile picture of the author relicah
    .png is what i use, its the most common i think
    Signature
    Ever Fancied Learning how to play the guitar? http://www.simply-guitar.com/
    {{ DiscussionBoard.errors[2404847].message }}

Trending Topics