SitePoint Sponsor

User Tag List

Page 1 of 2 12 LastLast
Results 1 to 25 of 46
  1. #1
    SitePoint Guru
    Join Date
    Jan 2010
    Posts
    638
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Best Image Optimizer

    Sitepoint Members,
    What is the best image oiptimizer you know of? I have an image on my site that I really need to reduce another 50% if possible.

    Thanks,

    Chris

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,295
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    What have you tried so far? Photoshop and Fireworks obviously have some tools for that, but there are other tools that apparently do an even better job, like smush.it:

    http://sixrevisions.com/tools/8-exce...g-your-images/

  3. #3
    SitePoint Enthusiast Belsnickle's Avatar
    Join Date
    Feb 2012
    Location
    Chico, CA
    Posts
    68
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Personally at work I use Photoshop just because most of the images I get sent are compiled in Tifs or PSDs by the graphic designers so it's just easier but, I did run across an article (blog post) relevant to this conversation a while back while I was working on scaling down a compiled image and needed to know a lot more on the subject of image generation than I ever imagined I would.

    You can find more information about it and two similar programs on PNGOut's wikipedia page and you can find the program itself here.

    EDIT: Oh, hey, look at that it's also third in Ralph's list.

  4. #4
    SitePoint Guru
    Join Date
    Jan 2010
    Posts
    638
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I didn't know I was so spoiled. Gimp2 was just a little better than RIOT and Smush it didn't help much on this image. This is BMP image turned into a jpg image. Will BMP images work online?

  5. #5
    SitePoint Member
    Join Date
    Sep 2013
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    RIOT should do the job fine, for a single image. try imgoptimize for batch optimization.

  6. #6
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,615
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by Chris77 View Post
    This is BMP image turned into a jpg image. Will BMP images work online?
    Yes, but the filesize of BMP files are huge in comparison. Stick with JPG or PNG.
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  7. #7
    SitePoint Guru
    Join Date
    Jan 2010
    Posts
    638
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    ok. The reason why it's a bmp (Ctrl Print Screen) is because it's from a pdf (cdc.gov) Is there a better way to pull an image from a PDF?

  8. #8
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,295
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by Chris77 View Post
    Is there a better way to pull an image from a PDF?
    If you have a program like Photoshop, you can extract all images in their original form. You should also be able to take screen shots in better formats (I'm on a Mac, though, so I can't advise about PCs).

    I presume you could also convert any file type in Photoshop, but I've never dealt with bmps.

  9. #9
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,615
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by Chris77 View Post
    ok. The reason why it's a bmp (Ctrl Print Screen) is because it's from a pdf (cdc.gov) Is there a better way to pull an image from a PDF?
    If you use the windows vista/7/8 snipping tool, you can save it as a png or jpg. If you use paint, you can do the same.

    For a dedicated screenshot utility, I prefer to use greenshot, since I can easily crop, highlight, mark, and obfuscate before saving. However, if you don't work with screenshots often, this tool might not be all that useful for you.

    To re-save/edit/compress/convert after the fact, Irfanview usually does the trick.
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  10. #10
    SitePoint Guru
    Join Date
    Jan 2010
    Posts
    638
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I gotta buy that photoshop once and for all. I think Greenshot is going to help me with another problem.

    Thanks

  11. #11
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,295
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by Chris77 View Post
    I gotta buy that photoshop once and for all.
    Hehe, not sure you can any more. You have to license it month to month.

  12. #12
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,615
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    Photoshop Elements (the lite version of photoshop) is still available as a one-time purchase: http://www.adobe.com/products/photoshop-elements.html

    Both Photoshop CS6 (the one-time purchase version) and Photoshop Creative Cloud (the monthly rental version) are currently available (no idea for how long, though).

    CS6: http://www.amazon.com/Adobe-65158237.../dp/B007R0RKV8
    CC: http://www.amazon.com/gp/product/B00CS75KKI

    There's also PaintShop Pro, which has been a reasonably popular and vastly less-expensive alternative to Photoshop. CorelDraw is also in the ring as an alternative, but I can't say I actually know anyone personally who uses it.
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  13. #13
    SitePoint Guru
    Join Date
    Jan 2010
    Posts
    638
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I'll have to live without it at $605. I didn't think it was that much.
    I got the image (figure 16 at http://www.ncbi.nlm.nih.gov/books/NBK98754/) down to 9k but it's a little fuzzy.

  14. #14
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,295
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by Chris77 View Post
    down to 9k but it's a little fuzzy.
    One thing worth trying is to save it at twice the required width and height and resize it in the browser. Get you better results on retina screens, too, without necessarily making the file size greater.

  15. #15
    SitePoint Enthusiast stelleninfotech's Avatar
    Join Date
    Apr 2013
    Location
    India
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Photoshop is a good image optimizer . You can easily reduce the size of any image using this software. Open the image in photoshop, just press ctrl+ alt+C and set width and height of the image as per your requirements.

  16. #16
    SitePoint Enthusiast thehung1724's Avatar
    Join Date
    Sep 2013
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Online Image Optimizer is also good optimizer. Check it

    http://tools.dynamicdrive.com/imageoptimizer/

  17. #17
    SitePoint Enthusiast
    Join Date
    Jun 2004
    Location
    Pennsylvania
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Hehe, not sure you can any more. You have to license it month to month.
    You can still buy it, but you have to connect with a CSR for a link. Obviously, Adobe wants everyone to subscribe to their creative cloud.

    File types supported by Fireworks: http://helpx.adobe.com/fireworks/kb/...fireworks.html
    File types supported by Photoshop: http://help.adobe.com/en_US/photosho...b64-7758a.html

  18. #18
    SitePoint Enthusiast
    Join Date
    Jun 2004
    Location
    Pennsylvania
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Adobe Photoshop is the gold standard for image editing. I doubt you'd find anything that does better.

  19. #19
    SitePoint Member
    Join Date
    Sep 2013
    Location
    hyderabad
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    In my openion photoshop is a best image optimizer...

  20. #20
    SitePoint Member
    Join Date
    Sep 2011
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can try this software, that can be good..
    http://fileminimizer-pictures.en.softonic.com/

  21. #21
    SitePoint Evangelist silver trophybronze trophy
    Join Date
    Jul 2013
    Posts
    406
    Mentioned
    22 Post(s)
    Tagged
    0 Thread(s)
    Chris77:
    What is the best image optimizer you know of?
    That is ... you!

    Why?
    To get the file size of an image down, there have to be made some decisions which an automatic optimizer can not make:
    • What is the character of the image? Is it a photo or a graphical representation? Mostly a photo can be saved as a jpg, and a graphic (logo, text in the image) is better to save as png.
    • What can be the compression of the image? For a jpg you can often choose a compression between 10% and 20% without loss of too much quality.
    • What is the goal of the image on the site? Is it only an image on screen, or has the image to be good enough for printing (then a higher resolution / bigger file size is needed)?
    • Can the amount of colors be brought down? Sometimes a 16M colors png is hardly to distinguish from a 256 colors variant, and sometimes even a 16 colors png can be surprisingly good. This can decrease the file size dramatically!
    • In this mix of decisions there is no common guideline: each single image has to be thrown on the balance.
    • For some experiments: see "Image saving - which is the best format?" (Conclusion: "the general rule is: there is no general rule!")


    To give it a try
    When I saw the original image of figure 16 you mentioned (www.ncbi.nlm.nih.gov/books/NBK98754/bin/cb1_utilizationf1.jpg, copy over here), I was seized by a big curiosity what I could make of it with my old Paint Shop Pro 6.
    Here we go!
    • The original is a jpg file (800x518px) of 63.6kB.
    • As a jpg the original image is not razor sharp, for instance in the borderlines:


      part of the borderlines, 4x enlarged
    • The original has 8.452 colors! (Where are they? )
    • For this type image a png is far more better: 1:1 color representation, no jpg-artefacs, no color multiplication.
    • So I started to build the image from scratch, maintaining the original width and height, in 16M colors for the best quality and anti-aliassing of the curves.
    • Result 1, after combining the used PSP-layers in 1 layer: this cb1_utilizationf1-16Mcolors.png, saved with optimized palet.
    • Hmm, the file size of this png is now 55,6kB: only a profit of 8kB, no shouting hurray yet!

    • Saved as jpg with a strong 50% compression: this cb1_utilizationf1-16Mcolors-50pct.jpg, still 35.6kB and firm bleeding colors:


      50% compressed jpg, 4x enlarged
    • This is not the way, the png has a better quality!

    • Maybe a decrease of the amount of colors? The png has 828 colors used of the 16M saving method.
    • First back to 256 colors (with the "optimized octal" method): that is this one cb1_utilizationf1-256colors.png of 23.4kB: sounds better already!
    • Is more possible? Therefore I went back to the PSP-file with te layers, and simplified the color variety. Then the layers combined (now 807 colors), and saved in a 16 colors png with the "optimized median" method, which appeared better then the octal method.
    • Result is this cb1_utilizationf1--16color-first-try.png: 15.6kB and sufficient in quality, but the horizontal %-lines are not visible enough.
    • That was easy: open the new 16 color file, choose 1 of the existing darker colors, and use it for the horizontal %-lines.
    • Result: this cb1_utilizationf1--16color-second-try.png, with again 15.6kB.


    So far what can be done by hand!
    Now the time has come to see what the optimizers can do more.

    I think this is the ultimate optimizing for this image without losing quality.

    To compare the original 8.452 color jpg of 63.6kB with the resulting 16 color png of 11.2kB, I've mounted them side by side in this page: image-optimizing.htm

    Borderlines in the optimized png, 4x enlarged:


    Text in the optimized png, 4x enlarged:


    The png is winning!

  22. #22
    SitePoint Addict
    Join Date
    Oct 2008
    Location
    Virtual World is my location
    Posts
    316
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Has anyone tried JPEG Mini? Heard a lot about them but have never used it. They claim to do lossless JPEG conversion and as per the site demos the claims seem true. Any one having experience with that tool?
    FreelanceNext.com - Freelance Projects / Jobs & more...
    BargainNext.com - coupons / deals / bargains / offers & more...

  23. #23
    SitePoint Guru
    Join Date
    Jan 2010
    Posts
    638
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I tried JPG Mini but it didn't reduce it at all. I'm sure it works well for actual picures of things, but not charts.

    Francy put a lot of work into it, and it is a little smaller than gimp2 version, but it just doesn't look all that good with those squares around the dates.

  24. #24
    SitePoint Addict
    Join Date
    Oct 2008
    Location
    Virtual World is my location
    Posts
    316
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Ok is there any way you could provide a link to the image as that would help users on the forum try to solve the issue because we could do some actual compressing and test what works and what does not.
    FreelanceNext.com - Freelance Projects / Jobs & more...
    BargainNext.com - coupons / deals / bargains / offers & more...

  25. #25
    SitePoint Member
    Join Date
    Oct 2013
    Location
    India
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Chris77 View Post
    Sitepoint Members,
    What is the best image oiptimizer you know of? I have an image on my site that I really need to reduce another 50% if possible.

    Thanks,

    Chris
    You can just optimize your image using Alt and Title tage which is more effective than any other technique. But you need to give relevant alt and title for images that you are using. It helps a lot to search engine to crawl and index that image.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •