Optimizing Images for the Web in Photoshop

Learn about the different file types when optimizing images for use on the web and how to choose the appropriate optimization for your own images. Software required: Photoshop CC 14.2.
Course info
Level
Beginner
Updated
Jun 20, 2014
Duration
40m
Table of contents
Description
Course info
Level
Beginner
Updated
Jun 20, 2014
Duration
40m
Description

We'll begin this training by learning about a few ways that we can scale an image in Photoshop and discuss how this can affect file size and quality. From here we'll spend the remainder of our time working in the Save for Web Dialog in Photoshop optimizing images to be saved as Jpeg, GIF and PNG file formats. Along the way we'll discuss how we can make a compromise between quality and file size as we explore the Save for Web Dialog and some of it's settings. These lessons will help you gain some insight into the different file types when optimizing images for use on the web and allow you to choose the appropriate optimization for your own images. Software required: Photoshop CC 14.2.

About the author
About the author

Kurt is a design tutor at Pluralsight. Ever since he could hold a crayon, Kurt has been in love with drawing. Apart from his dedication to training artists at Pluralsight, Kurt has an extensive background in illustration. He has previously worked for a book publisher, as well as Rhythm and Hues Studios. It was through his extensive industry background that Kurt learned the way of the Wacom, and that the Pen tool is truly mightier than the sword.

More from the author
Restoring Old and Damaged Photos in Photoshop
Intermediate
1h 60m
Jun 17, 2016
Animating a Water Splash in Harmony
Advanced
1h 14m
Dec 30, 2015
More courses by Kurt Jones
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hi, I'm Kurt with Digital Tutors. Welcome to this series of lessons on optimizing images for use on the web. We'll begin by learning about a couple of ways that we can scale an image in Photoshop and discuss how this can affect file size and quality. From here we'll spend the remainder of our time working the save for web dialogue in Photoshop, optimizing images to be saved as JPG, GIF, and PNG file formats. Along the way, we'll discuss how we can make a compromise between quality and file size as we explore the save for web dialogue and some of its settings. These lessons will help you gain some insight into the different file types when optimizing images for use on the web, and allow you to choose the appropriate optimization for your own images. So with that, we'll begin in our next lesson.