Web Graphics Tips: Issues, Guidelines, Problems and Solutions
General guidelines, tips, and other suggestions for creating and working with Web graphics. Explore hints and tips for putting graphics on the Web, information about copyright, bandwidth limitations, solutions to common Web graphics problems, and other advice for making your Web pages more appealing.
Image Slicing - How and Why to Slice Web Images
It's often debated whether or not slicing Web graphics actually makes them load faster. It can, but only when done properly. Learn the right way to slice for optimial performance, and see several examples of effective image slicing.
It's often debated whether or not slicing Web graphics actually makes them load faster. It can, but only when done properly. Learn the right way to slice for optimial performance, and see several examples of effective image slicing.
Book Review: Designing Web Graphics 3 by Lynda Weinman
A classic book about creating and using graphics on the Web.
A classic book about creating and using graphics on the Web.
How To Convert an Image to GIF Format
Learn how to convert images to GIF format for use on the Web with these step-by-step instructions.
Learn how to convert images to GIF format for use on the Web with these step-by-step instructions.
How To Make Smaller GIFs
A simple step-by-step how to on optimizing GIF images to make the file size smaller for faster downloading on the Web.
A simple step-by-step how to on optimizing GIF images to make the file size smaller for faster downloading on the Web.
Dithering
Dithering is often used to reduce banding in GIFs with graduated color transitions, and it can have a big impact on image size.
Dithering is often used to reduce banding in GIFs with graduated color transitions, and it can have a big impact on image size.
Adding Graphics
Personal Web Pages Guide Linda Roeder shows you how to use the IMG SRC tag for adding graphics to your Web pages.
Personal Web Pages Guide Linda Roeder shows you how to use the IMG SRC tag for adding graphics to your Web pages.
How To Add An Image
Personal Web Pages Guide Linda Roeder provides step-by-step instructions for adding images to your Web pages.
Personal Web Pages Guide Linda Roeder provides step-by-step instructions for adding images to your Web pages.
How To Add A Background Image
Personal Web Pages Guide Linda Roeder provides step-by-step instructions for adding a background image to your Web pages.
Personal Web Pages Guide Linda Roeder provides step-by-step instructions for adding a background image to your Web pages.
Anti-Aliasing & Transparency
Discussion of anti-aliasing and transparency for Web graphics, and what to do when you combine the two.
Discussion of anti-aliasing and transparency for Web graphics, and what to do when you combine the two.
AOL Info for Webmasters
There are some specific problems with AOL's Web browser and how it effects images. Learn how to deal with it here.
There are some specific problems with AOL's Web browser and how it effects images. Learn how to deal with it here.
Graphic Underworld
This article will help new Web designers understand some basic graphics concepts and terminology including vector vs. raster, optimization, compression, and more.
This article will help new Web designers understand some basic graphics concepts and terminology including vector vs. raster, optimization, compression, and more.
Image Tutorials from HTML Goodies
Several well done tutorials on using images on the web: formats, pre-loading images, active images, thumbnails, transparency, animation, and more.
Several well done tutorials on using images on the web: formats, pre-loading images, active images, thumbnails, transparency, animation, and more.
Interface by Joe Gillespie
An interesting discussion of Web navigation and usability.
An interesting discussion of Web navigation and usability.
New Generation Web Design Annoyances
Web designers like to experiment from time to time. Some of the results may be attractive, but do they really add to the overall value of a design, or are they there just to decrease usability?
Web designers like to experiment from time to time. Some of the results may be attractive, but do they really add to the overall value of a design, or are they there just to decrease usability?
Rules for Anti-aliasing
Anti-aliasing is described and some general rules are offered for making your anti-aliased images look their best.
Anti-aliasing is described and some general rules are offered for making your anti-aliased images look their best.
Top Five Reasons For Limiting Flash Use
Are web designers aware of the problems introduced by Flash as well as the benefits? A top five list on why you should think twice when you want to add Flash to your web site.
Are web designers aware of the problems introduced by Flash as well as the benefits? A top five list on why you should think twice when you want to add Flash to your web site.
Web Graphics
A summary of the types of graphic images used on web pages and tips on how to use graphics effectively in your web site.
A summary of the types of graphic images used on web pages and tips on how to use graphics effectively in your web site.
Web Page Design for Designers
Aimed at designers who are already familiar with print design, this site is loaded with practical design principles. Useful for anyone who designs for the Web.
Aimed at designers who are already familiar with print design, this site is loaded with practical design principles. Useful for anyone who designs for the Web.
Web's Most Overused Graphics Techniques Revealed
"Since the early days of the web, there has been always a popular graphic design trend. First, drop shadows dominated the Internet, then inner bevels, and now scan lines." If you want to be different, take a look here for what to avoid.
"Since the early days of the web, there has been always a popular graphic design trend. First, drop shadows dominated the Internet, then inner bevels, and now scan lines." If you want to be different, take a look here for what to avoid.