spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / web / dev / graphics

Optimizing Web Graphics

PDAs
PC Notebooks
Printers
Monitors
Developer News
Sir Tim Talks Up Linked Open Data Movement
From L.A. to Vegas With 100GbE
Salesforce Rolls Out Big Summer '08 Update

The Great Bandwidth Shortage

By Andrew B. King

"The Web seems slow today."

If this lament sounds all too familiar, you are not alone. The network's backbone isn't the problem, it's what happens at each end that frustrates users. The increasing size of digital media and lack of server bandwidth are the main culprits. More bandwidth won't necessarily solve this problem. What will help is minimizing the amount of data that travels through this bandwidth. This article will show you how to minimize file size and dithering for Web graphics.

See also Extreme HTML Optimization and Optimizing Animated GIFs for more tips on optimizing your HTML and animated GIFs.


Bandwidth can be its own enemy, concludes Dr. Sunil Gupta (Gu96). Just as adding more lanes to a highway invites more traffic, increasing bandwidth invites more users. ISDN, cable modems, and ADSL (AD96) will only temporarily ease the congestion. More people will be enticed to sign on, all competing for packets.

Contents

Links

ProJPEG 5.1
BoxTop's released a new version of their JPEG cruncher that creates smaller files with higher resolution. 010123
JPEG Cruncher
Another spinoff from Spinwave that uses their fine HVS technology.
JPEG Wizard
Article updated with latest GIF and JPEG optimization tools, including Imageready 2 and JPEG Wizard from Pegasus Software. 000217
JPEG Wizard Service
The JPEG Wizard Online Optimizer is a free service featuring the only true JPEG compression optimization available. The JPEG Wizard will also rotate/mirror your JPEG file with optimization, or completely without loss.
Photoshop 5.5 Review!
Adobe bundles ImageReady 2 and adds many Web features including the innovative Lossy GIF feature. 8-9-99
GIFCruncher
A new GIF cruncher from Spinwave that utilizes sophisticated color reduction techniques to create low-color, low-banded, static and animated optimized GIFs.
GIF Wizard
This on-line GIF reduction program can reduce GIFs (animated or otherwise) and now JPEG! beyond conventional methods. Combined with the techniques you'll learn here (and in Optimizing Animated GIFs) you can create highly optimized GIFs with less work. GIF Wizard actually automates many of the techniques you'll learn here, and is especially effective for reducing animated GIFs.
Color Blenders - Tools
Color blenders create non-dithering equivalents to any RGB color. DitherBox and ColorSafe both automatically create a 2x2 pixel patters that simulate any RGB color you choose. These blends do not dither as they are made of 2 of the 216 "non-dithering" colors, and from normal viewing distances appear to be one solid color. Useful for backgrounds and larger flat color areas. Designers are no longer limited to 216 colors! 8-2-97
GIF Wizard
Don't miss this on-line GIF reducer. Give it the URL of any GIF or web page and GIF Wizard performs a detailed analysis of your GIF, and outputs optimized versions of it.
Welcome Web Techniques Readers!
This is the expanded version of "Optimizing Web Graphics," which appeared in the Dec. 1996 issue of Web Techniques, pp.55-61.
Both 216-Color Mac or PC non-dithering CLUTs are now available.
To use them download, unstuff/zip, and load as a Photoshop swatch or color table. For more details, read the palette page.

This is an expanded version of an article that originally appeared in the December 1996 issue of Web Techniques Magazine.

Comments are welcome



JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
IBM eBook: Planning a Service Oriented Architecture
IBM eBook: Choosing the Right Architecture--What It Means for You and Your Business
Microsoft Article: Will Hyper-V Make VMware This Decade's Netscape?
Avaya Article: Using Intelligent Presence to Create Smarter Business Applications
Intel Go Parallel Article: Getting Started with TBB on Windows
Microsoft Article: 7.0, Microsoft's Lucky Version?
Avaya Article: How to Feed Data into the Avaya Event Processor
IBM Article: Developing a Software Policy for Your Organization
Microsoft Article: Managing Virtual Machines with Microsoft System Center
Intel Go Parallel Article: Intel Threading Tools and OpenMP
HP eBook: Storage Networking , Part 1
Microsoft Article: Solving Data Center Complexity with Microsoft System Center Configuration Manager 2007
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
HP Video: StorageWorks EVA4400 and Oracle
HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind
Microsoft Silverlight Video: Creating Fading Controls with Expression Design and Expression Blend 2
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Red Gate Download: SQL Toolbelt and free High-Performance SQL Code eBook
Iron Speed Designer Application Generator
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
Silverlight 2 App and Walkthrough: Leverage Silverlight 2 with SQL Server and XML
IBM Article: Enterprise Search--Do You Know What's Out There?
HP Demo: StorageWorks EVA4400
Microsoft Article: The Progress and Promise of Deep Zoom
Microsoft How-to Article: Get Going with Silverlight and Windows Live
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
Book Review: Head First JavaScript · Web Hosting Control Panels · Use Your Blog for Fast Search Engine Rankings
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
NetApp's Virtual Storage Strategy Crystallizes · F/MC Watch: A Cisco-Centric Approach · Olympic Time Trials Use Wi-Fi Mesh

 



Created: June 10, 1996
Revised: May 1, 2002

URL: http://webreference.com/dev/graphics/