O'Reilly logo

Advanced Photoshop CC for Design Professionals Digital Classroom by Jennifer Smith, AGI Creative Team

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Lesson 10: Creating Images for the Web and Application Design

web05.psd

What you’ll learn in this lesson:

  • Determining the optimum file size
  • Deciding on the best format
  • Exporting optimized images from Photoshop
  • Slicing images in Photoshop

In this lesson, you’ll learn how to optimize images for display on screen, whether in a web browser or on a device. By learning about the different image formats, you’ll be able to export files that contain accurate colors and transparency if needed. You’ll also discover image slicing and how you can choose different formats for parts of a single image.

Starting up

Before starting, make sure that your tools and panels are consistent by resetting your preferences. See “Resetting Adobe Photoshop CC preferences” in the Starting up section of this book. You will work with several files from the advps10lessons folder in this lesson. Make sure that you have loaded the advpslessons folder onto your hard drive from www.digitalclassroombooks.com/cc/advphotoshop. For more information, see “Loading lesson files” in the Starting up section of this book.

Optimizing graphics for on-screen presentation

Optimizing refers to the preparation of images for use as assets for applications or in websites. The goal of optimization is to reduce the file size of the image for faster downloading, without compromising the quality of the image. Ultimately, you might have ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required