Comments on: Four Reasons Why to Optimize Web Graphics and How to be Environmentally Friendly

By: Theresia Degeyter

Theresia Degeyter — Wed, 03 Feb 2010 20:09:04 +0000

Their climber was so skilled it made taking down the diseased tree look easy. We have had some real winners?!?!?

By: marketingcommentary.info

marketingcommentary.info — Tue, 22 Dec 2009 02:35:19 +0000

So where exactly are these audio clips from? Any one can say anything but does it have any credibility? To me the majority of those picture no matter what context you meant to portray them still looked like building and statues to me. Unless the…

some of the comments are realistic. some authorities have put stipulations to protect women, a book "between husband and wife" outlined something more suitable, which is that both parties consent, and keeping things sacred. many of the p…

By: DiCox

DiCox — Wed, 07 Oct 2009 17:27:12 +0000

Hi – liked your article – I wrote something similar for users of our learning platform. One thing we use a lot is the free Microsoft Image Resizer Powertoy (for Windows XP) and the Image Resizer Clone tool for Vista (open source).
With one of these installed simply right-click on an image in Windows and re-size it, then upload the resized image.
Whats great about these is users don’t have to learn to use a graphics editor to resize their images.

By: Jason

Jason — Tue, 19 May 2009 21:47:08 +0000

This is a good tutorial for new graphic artists – less bandwidth – less storage needed.

By: Meenu

Meenu — Thu, 07 May 2009 03:49:52 +0000

hi, I totally agree with you that image optimization is very important. I am new at this, I have been working on optimizing phhotographs for the web and for this I downloaded contenta converter trial version from the net. That also seem to be user friendly for a person like me who has no knowledge of Adobe . Your post is good, you have explained the process very well, not many people give explain in depth.

By: kmkm

kmkm — Fri, 05 Sep 2008 09:37:50 +0000

very great post! interesting conversation….

By: online image editor

online image editor — Fri, 05 Sep 2008 09:36:31 +0000

those are awsome, thanks for sahring!

By: Erica Mike

Erica Mike — Wed, 16 Jul 2008 05:12:56 +0000

ITS SUPERB..

By: John Petrucci

John Petrucci — Wed, 16 Jul 2008 03:55:32 +0000

Good.. I really appreciate.

By: Dubai Web Design, Development

Dubai Web Design, Development — Tue, 15 Jul 2008 14:51:31 +0000

Very interesting tutorial. but limited to CS3. I am using CS2. Know i have to buy CS3 for more modren techniques. I have visited” Everyone’s Guide to Optimizing Graphics” and it is very informative for optimization of graphics.

By: kevin

kevin — Sun, 13 Jul 2008 15:13:44 +0000

I have tried your strategies on a animated gif text with no background. when I scale down to 16 it gets extremely blurry, the greatest clarity I get is at 256. I am having a big problem as the glitter animation is fallin outside the edge of the pic when you post it on a persons social networking profile.How do I get clarity and keep the glitter within the boundaries of the stroke?

have a look at the sample i have been testing
http://www.hypecomments.com/graphics/show/id/1004/category_id/0

By: One Year Millionaire

One Year Millionaire — Tue, 01 Jul 2008 02:42:29 +0000

Optimizing your images will make your website run faster… youll save space and overall save money on bandwidth great post!

By: Brian Mac

Brian Mac — Thu, 21 Feb 2008 14:16:11 +0000

I think the greatest image degradation can occur while resizing a large image down to a web-friendly size. If you go from original to final size in one step, even Photoshop interpolation will miss some opportunities.

My practice is to reduce the image 50% until I define a final pixel size, applying sharpening as needed after each step. Are there better ways to accomplish this?

By: Derek Tonn

Derek Tonn — Thu, 21 Feb 2008 04:41:11 +0000

My ears were burning today (thanks to Google Alerts finding this posting), so I thought I would respond to Matt’s comment about that HighEdWeb session I gave in Rochester by saying that a .pdf copy of those slides are available at: http://www.highedweb.org/2007/presentations/UAD13_graphics.pdf

Pretty good article here related to exposing folks to why optimization is important…although the part about “avoiding .png” is not good advice IMHO, specifically related to 8-bit .png…it’s 24-bit .png that still has some issues (either that, or MAJOR players such as Google, Microsoft, Yahoo, etc. are in a hornet’s nest of trouble with several of their major online services and don’t even realize it yet – wink). That, and Photoshop (any Adobe product that I have seen) comes up substantially short when it comes to what is truly possible related to maximum file size reduction (I wouldn’t recommend either program’s features as ideal “optimization” solutions unless you’re just trying to hit the ‘Save/Export for Web’ crowd who doesn’t want to be bothered with ANY extra time while attempting to achieve better results).

For example, I ran the “optimized” image above (example2.jpg) through xat.com Image Optimizer, removed extra colors, then applied a bit of custom zonal compression to different regions of that photo, and took 22,474 bytes down to 18,997 bytes (a further 15.5% reduction) without any noticeable image degradation. I can email that new .jpg file to Kyle if I can get an email address.

Not the fault of Photoshop, per se! There’s just lots of better tools out there for this highly-specific task. Photoshop is a phenomenal program…but it cannot be expected to be the BEST at everything!

Anyone who feels passionate about this issue though gets lots of positive karma in my book! We need more people out there “preaching” on this particular topic, ESPECIALLY as the mobile web becomes more and more prevalent in our daily lives.

By: Kyle James

Kyle James — Thu, 21 Feb 2008 04:13:25 +0000

@Andrew – I really wrote this out because it seems like I have to tell someone this a few times a month, now I can simply refer them to this. We literally have a hundred website editors who all are newbies so now that I’ve actually written out the reasoning I don’t have to explain it ever again. Save it and I’ll bet you will get a time when you are glad that you did to simple send someone a link and not have to explain something for the 10th time.

@Matt – I read something Derek put together a month or so ago and it reiterated that I needed to finally sit down and spend the time to write this (see above)

@Michael – I think what you are talking about goes a little into the over optimizing that I talked about in the final notes. You are absolutely correct, but there gets a point where diminishing returns start to add up and the time it takes to save those last few KB’s just aren’t worth the time. Also it’s still probably a year away from me feeling comfortable using .png on the web. I know all new web browsers handle them fine, but there is still some older browsers that don’t. Maybe it’s just me being a little old school also.

Thanks for the comments guys!