Optimizing Photoshop Files for Web Design

In this series of articles, we will cover a wide range of topics related to setting up Photoshop files for web design.

Photoshop Today (2000). Design>Graphic Design>Web Design>Adobe Photoshop

The Photoshop "Save for Web" Feature

As of version 5 and greater, Photoshop includes a very handy Save for Web command. This feature allows you to produce a copy of your image that is optimised for web use. This means that the image file will be as small as possible, and that the image will use only web-safe colours (if desired). Save for Web can produce GIF, JPEG, or PNG format images.

Elated (2000). Design>Web Design>Graphic Design>Adobe Photoshop

Photoshop Website Artwork

How to create all the graphics needed for an example website using Adobe Photoshop.

Vanderwood, Jacquelin. Photoshop Today (2002). Design>Web Design>Graphic Design>Adobe Photoshop

Resizing Images for the Web: Photoshop Tutorial

We all have those photos that we like to on the web to share with our friends. Or, we have some terrific images we've created that need to be resized for the web. Images for the web need to be both small in file size and in physical dimensions so that our viewers don't have to scroll right to see the whole picture. In Photoshop we can adjust our huge images to fit the web quite easily.

Photoshop Today (2004). Design>Graphic Design>Web Design>Adobe Photoshop

Web Design 101: Photoshop

Photoshop promises great power, but can be more than a little challenging when it comes to clarity and patience. New users can easily get frustrated at how daunting some of the challenges can be when it comes to getting the job done, and even those who are a bit more familiar with it still find points of frustration that impede both production and creativity. So for those who barely know Photoshop, but would like to become more familiar with it—find out what sort of things to look for when it comes to the palette system, layers, styles, effects, various tools, and saving or exporting their work—let’s look at the basics.

Peck, Anton. Digital Web Magazine (2008). Articles>Web Design>Graphic Design>Adobe Photoshop