By MTecknology on
This website has been a couple months in the making. You wouldn't know it just by looking at it. Not a chance. We really went for W3 compliance this time around. We also fought for excellent cross browser support. It is indeed an extreme step forward from our company image.
That's great though. Without Drupal I doubt we'd be 1/4 done and this gem would be for the distant future.
It is indeed a little image heavy, but for that kind of polish it's hard to argue. Thanks Drupal and community for making this roll-out possible.
So! Check it out! http://kalliki.com/
Comments
Potato image size
I reduced the colors of the potato sack image to "web palette" and the file size dropped from 145KB to 63KB. I see some loss of detail, but not much. With the right tool, you can probably reduce colors w/o detail loss and get a similar size reduction.
postscript
I am using Ubuntu and I haven't found a good adaptive palette tool for png, yet. If anyone has a recommendation, please post. Optipng doesn't do much for palette adjustment and standard GIMP is devoid of an adaptive palette feature.
I used GIMP to adjust the alpha channels for higher contrast and I used gThumb to convert the image to a web palette. The alpha channel adjusment may not work for the kalliki.com dark background but it does "look better" in direct comparison to the original. http://twitpic.com/22s85q
Converting png to jpg
I converted this png image to jpg and the size went from 236KB to 46KB without any apparent degradation of the image.
http://kalliki.com/sites/kalliki.com/files/portfolio/hom-pro_website.png
As an experiment, replace the two large png images with jpg
http://kalliki.com/website-portfolio
and compare before and after using
http://analyze.websiteoptimization.com/
BEFORE
Download Times*
Connection Rate Download Time
14.4K 603.55 seconds
28.8K 304.68 seconds
33.6K 261.98 seconds
56K 159.51 seconds
ISDN 128K 52.87 seconds
T1 1.44Mbps 9.89 seconds
Also review the Analysis and Recommendations and the bottom of the page.
Thanks
Thanks a lot for these suggestions. I'll definitely look into reducing these images. I think this is a spot where I completely spaced reduction.