Opacity icon

Designing Images for the Web

When designing images for the web, you sometimes need to limit your use transparency. GIF images, for example, only support 1 bit transparency, and Internet Explorer (prior to version 7) doesn't support PNG images with transparency very well. If these issues are important for you, you should try to always have an opaque background behind your images. To help get started designing images for the web, you can use one of Opacity's web image templates, which include headers, buttons, favicons (the small logos for web sites in web browsers), and more. One great way to make the most of your image is to use variables. With variables, you can use one image file to generate several images to use in your project. You can use a boolean variable to make a button image with a hover state, or a string variable to draw one image with different text.

Related Topics

Formats for Web Images