Skip to main content
Aliexpress WW
Aliexpress WW

Become an Expert on Saving Images In Photoshop by Practicing This.......

Introduction

In Photoshop, saving works a bit differently from most other applications. Instead of working with one main file type—such as .docx in Microsoft Word—Photoshop offers a variety of ways to save your images. In this lesson, we'll talk about the different saving options in Photoshop, along with some common reasons to save files in different formats.

Saving options

When you save a file in Photoshop, you'll have many different saving options and file formats to choose from:
PSD: This is the default file type for Photoshop documents, although you won't necessarily use it for every image. It will save your layers and all of the other information in your image so you can easily re-edit it later. PSD files are designed to be opened in Photoshop, so if you want to share the image with others you'll also need to save a copy of the image in a common file format, such as JPEG.
Common file formats: You can save images in a variety of common file types, such as JPEG and PNG. These file formats can be viewed and edited on almost any computer or mobile device, which makes them well-suited for sharing with others. However, unlike PSD files these formats aren't as useful if you plan to continue editing the file, and they also can't preserve layer information.
Save for Web: If you're planning to upload an image to the Web—like on a blog or website—you'll want to use the Save for Webfeature. This tool allows you to save images that are optimized for the Web, which will make them easier to download and view online. Save for Web also includes several helpful features for preparing images for the Web, such as the option to resizeimages.
In the image below, you can see three different versions of an image file: the original JPEG file, an edited PSD version, and a final JPEG version that's been resized and saved for Web. You can see that the Web version has a much smaller file size than the original or PSD versions:
Screenshot of Adobe Photoshop CC
Ultimately, the saving option you choose will depend on what you need to do with the image. Let's take a look at a couple of different scenarios to see why you might choose different saving options.

Scenario 1

Let's suppose you're asked to create a new header image for a company website. You've been given a photo to include, and you need to add some text with the company name. Because you'll likely edit and revise this type of project, you'll want to save it as a PSD file. This way, you can easily continue editing the file later on. And because it will eventually be posted online, you'll also want to use Save for Web to create a new JPEG version of the finished image.

Scenario 2

Let’s say you're planning to share some photos from a recent vacation with your friends. You'd just like to make some quick adjustments in Photoshop—such as cropping and rotating—before sharing them. In this case, you could open the original image files in Photoshop, make the necessary adjustments, then save a new version of the edited photos as JPEGs. Because none of these edits are too complicated, you probably don’t need to save a separate PSD version of each image.
As you can see, the saving option you choose will vary from project to project. Before you save an image, take a moment to consider what type of files you'll need. As you start to gain more experience with Photoshop, this process will begin to feel quick and natural.

Using Save As

You'll use the Save As command to save files in the PSD format, as well as other common formats like JPEG and PNG.

To save a file with Save As:

  1. With the image open in Photoshop, select Fileright-arrowSave As.
    Screenshot of Adobe Photoshop CC
  2. A dialog box will appear. Type the desired file name, then choose a location for the file. You'll want to use a new file name to avoid accidentally overwriting the original file.
    Screenshot of Adobe Photoshop CC
  3. Click the Format menu and choose the desired file format. In our example, we'll save this image as a JPEG file. If you're saving as a PSD file, make sure the Layers option is checked. However, most other formats won't allow you to select this option.
    Screenshot of Adobe Photoshop CC
  4. Click Save.
Some file formats, such as JPEG and TIFF, will give you additional options when saving. Select the desired quality level, then click OK to save the image.
Screenshot of Adobe Photoshop CC
If you've already saved your project as a PSD file, you can select File Save or press Ctrl+S(Command+S on a Mac) to save your progress at any time. However, if you're working with another format such as JPEG, we recommend using Save As to avoid overwriting your original file.

Using Save for Web

When you use the Save for Web feature, you'll need to make a few decisions about the image you're saving:
  • File format: Save for Web allows you to choose from a few Web-safe file formats. Most of the time, you'll use the JPEG format for photographs. PNG-24 will keep the full quality of the image, whereas PNG-8 is mainly used for graphics and illustrations that use just a few colors. Generally, you won't need to use the GIF or WBMP formats.
    Screenshot of Adobe Photoshop CC
  • Image size: If desired, you can resizethe image directly from the Save for Web dialog box. Resizing the image to be smaller will also reduce the file size. However, if you're using a service like Facebook or Tumblr, you probably won't need to resize your images because these services resize them automatically.
    Screenshot of Adobe Photoshop CC
  • Quality: If you're using the JPEG format, the image can be saved at different quality levels. You may want to experiment with different settings to find the best balance between quality and file size. 
  • Screenshot of Adobe Photoshop CC

To save for the web:

  1. Select File > Save for Web.
    Screenshot of Adobe Photoshop CC
  2. The Save for Web dialog box will appear. Select the desired file type and quality level.
    Screenshot of Adobe Photoshop CC
  3. If needed, resize the image by typing the desired dimensions under Image Size. When you enter the new image width, the height should be adjusted automatically to maintain the originalaspect ratio.
  4. If desired, you can use the 2-Up viewto compare the original image with a preview of the new version. This is an easy way to make sure you haven't lost too much quality from the original version. Note the file size in the bottom-left corner of each preview window.
    Screenshot of Adobe Photoshop CC
  5. Click Save. A new dialog box will appear. Type the desired file name and choose a location for the file, then click Save. You'll want to use a new file name to avoid accidentally overwriting the original file.
    Screenshot of Adobe Photoshop CC

Comments

Popular posts from this blog

The Advanced Guide to Colours In Graphic Design

The power of color Color plays a vital role in  design  and  everyday life . It can draw your eye to an image. Sometimes it can trigger an emotional response. It can even communicate something important without using words at all. So how do we know which colors look good together and which ones don't? The answer is simple:  Color theory . Artists and designers have followed  color theory  for centuries, but anyone can learn more about it. It can help you feel confident in many different situations, whether it's  choosing colors for a design  or  putting together the perfect outfit . With a little insight, you'll be looking at color in a whole new way. Color basics Let's start at the beginning with a refresher on the basics. Remember learning about  primary and secondary colors  in school? Then you already have some knowledge of color theory. Secondary colors  are created by combining two  primary colors . Red and yellow make orange; yellow and blue m

Layout And Composition In Graphic Design: It's Not as Difficult as You Think

What is composition? In many ways, layout and composition are the  building blocks  of design. They give your work structure and make it easier to navigate, from the margins on the sides to the content in between. Why is composition so important? In short, it's the  way your content is arranged . It doesn't matter if you're working with text, images, or elements in a graphic; without a thoughtful, well-composed layout, your work would basically fall apart. Five basic principles The key to mastering layout and composition is to  think like a designer . Luckily, it's easier than it sounds. There are  five basic principles  that can help you transform your work and sharpen your eye for design. Keep them in mind during your next project, and look for ways to apply them. Proximity Proximity is all about using  visual space  to show  relationships  in your content. In practice, it's pretty simple—all you have to do is make sure related items are  grouped

The Ultimate Cheat Sheet On Making Basic Adjustments In Image Editting

Introduction Image editing is all about adjusting your images to make them look better. We're going to talk about some of the most  basic image adjustments , along with some common problems to watch out for when making these changes. The adjustments we'll cover in this lesson include: Cropping : If you want to remove parts of an image, you can  crop  it. You can think of cropping as using a pair of scissors to  cut out  the parts you no longer want. Resizing : If you want to make an image smaller or larger, you can  resize  it. However, keep in mind that making an image larger than its original size generally does not look good. Rotating : If you want to change the  orientation  of an image, you can  rotate  it to the left or right. Optional : If you'd like to follow along, you can download some or all of our  example images . Just click any of the images below to open a full-sized version. Then right-click the full-sized version and select  Save Image As  to save