We know when to optimise an image as a JPG and when to use GIF, but what about hybrid images, composed of areas of great colour gradient, and other areas with flat colour or text? In this article, Gavin Cromhout - DMXzone's Photoshop Yoda - shows you how to optimise hybrid images, slicing and optimising, locking important colours to produce a seamless reduced-size image.
The tools Gavin uses are Photoshop and ImageReady, but the main concepts are appropriate for web designers whatever image editor they are using.
This tutorial is suitable for beginners upwards; we've seen lots of professional images out there that are badly optimised!
Table of Content:
- A quick recap:
- Slicing A Simple Image
- The Plot Thins: A complex image
- Decision Making
- Let the games begin: optimizing
- Check-list for hybrids