Forum Moderators: not2easy

Message Too Old, No Replies

HTML & Graphics Compression

         

hulahoop

8:17 am on Oct 26, 2005 (gmt 0)

10+ Year Member



Hello,

I am looking for a compression tool for my HTML. I've heard that companies like Amazon and all use them and can get their code to a very lite size. Any recommedations? Also looking for graphics compression? Thanks

travelin cat

4:07 pm on Oct 27, 2005 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



hulahoop,

most major html editors will do this, such as GoLive....

tedster

8:00 pm on Nov 3, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



GRAPHICS COMPRESSION
The common web formats gif, png, and jpg are already compressed formats. How you use your image editing software determines how well images are compressed. The best tool I've found for this is Photoshop's "Save For The Web" function which taps into ImageReady, photoshop's partner program.

HTML COMPRESSION
The best kind of html compression is done on the server side and then decompressed on the client side by the brower. The most common method is called gzip.

Other kinds of so-called "compression" remove whitespace (spaces, tabs, line breaks) from the markup -- this gives only a small gain in most cases. And because it reformats your markeup it can make the source code hard to read and edit in the future -- unless you save an unmodified version of the page and always begin work with it.

hulahoop

1:37 am on Nov 4, 2005 (gmt 0)

10+ Year Member



Hi Tedster. Thanks for your info.

Graphics - I am already doing the 'Save for web' in photoshop and was looking for something more. If you have anything better, do let me know.

HTML Compression - YES! I've heard of gzip recently and checked out the site. I really looks like you need to know programming. Anyone know how to do it? On a scale of 1 to 10, can a newbie handle it? Do sticky me if you can help for a fee. Also can be use for an ASP microsoft site?

asquithea

7:14 am on Nov 4, 2005 (gmt 0)

10+ Year Member



Search for HTTP GZIP. It doesn't generally involve more than a quick server tweak and/or a few lines of PHP.

Photoshop's "Save for the Web" is pretty good. Versions prior to 6 (IIRC) don't do a fantastic job of PNG compression, so you should consider using an auxilliary utility like optipng to get the images down to the smallest possible size.

Make sure you are using PNG where appropriate -- I often see JPEG and GIF being used where they aren't the right choice.

Needless to say, "heavy" pages are generally "busy" pages. If you can ditch complicated table layouts that use image slicing, in favour of an elegant CSS approach, your page sizes will most likely improve dramatically.

hulahoop

8:44 am on Nov 4, 2005 (gmt 0)

10+ Year Member



Hello asquithea,
Thanks for your response. Is GZIP only for PHP. I am on Microsoft ASP.

topsites

7:21 am on Dec 6, 2005 (gmt 0)



For graphics compression, I have used this online utility for many years, most of my 88x31 buttons come in below 1k and banners I like them under 5k.... My main page sports load times along 8 seconds for a 28.8k dial-up connection, the rough average surfers get during prime time.

Usage:
Scroll down a little, then browse image off your hard-drive OR enter the web url, enter email addie, then select your Output format, and click Test Now...
The address:
[netmechanic.com...]

(be patient, it takes it a few seconds but you will then see output of images from 90% to 10% in 10 percent increments and you simply select your choice then save and upload via ftp and you are done). It is a bit unfortunate, first time around the entire images directory has to be done one file at a time, I did this over a period of a few weeks, just 5 or 10 a day or something...

For html compression, all I do is take out all the extra white space. I do enter one command per line and sometimes I leave a blank line but I don't believe in indentation as it wastes space, worse thou are numerous remark statements, nested tables, empty tables or empty table cells (stuff like <td></td> ad nauseaum) or empty font or any other empty statements (like <center></center> or <b></b>), and if you're not using a text editor to code html then likely it could use improvement.

Far as gzip, I find it a nice utility thou in the process of compressing it utilizes server resources which when you get a lot of traffic, works against your intentions.