How To Save Images In Photoshop

By | 13/10/2022

Lesson six: Saving Images

/en/photoshopbasics/basic-tasks-in-photoshop/content/

Introduction

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

If y’all’d like to follow forth, you lot tin can download our instance file.

Saving options

When saving a file in Photoshop, yous have several options and file formats to choose from:

  • PSD: This is the
    default file type
    for Photoshop documents, although yous won’t necessarily employ it for every paradigm. It will relieve your
    layers
    and all of the other information in your image and so you can easily re-edit it after. PSD files are designed to be opened in Photoshop, and then if you want to share the image with others you’ll also need to save a re-create of the image in a common file format, similar
    JPEG.
  • Common file formats: You can save images in a variety of common file types, including
    JPEG
    and
    PNG. These file formats can exist viewed and edited on almost whatsoever figurer or mobile device, which makes them well-suited for sharing with others. However, unlike PSD files these formats aren’t every bit useful if you program to proceed editing the file, and they besides tin’t preserve layer information.
  • Save for Web: If yous’re planning to upload an epitome to the Spider web, similar on a web log or website, yous’ll want to use the
    Salvage for Web
    feature. This tool allows y’all to save images that are
    optimized for the Spider web
    , which volition make them easier to download and view online. Salvage for Web likewise includes several helpful features for preparing images for the Spider web, including the option to
    resize
    images.

In the image below, you lot tin see three unlike versions of an image file: the original JPEG file, an edited PSD version, and a last JPEG version that’s been resized and saved for the Web. You can see that the Web version has a much smaller file size than the original and PSD versions.

Screenshot of Adobe Photoshop CC

Ultimately, the saving pick you lot choose will depend on what you need to do with the image. Permit’s take a await at a couple of scenarios to see why y’all might choose different saving options.

Scenario 1

Let’s say you’re asked to create a new header prototype for a visitor website. You’ve been given a photo to include, and you demand to add some text with the company name. Considering you’ll probable edit and revise this type of project, y’all’ll want to save it equally a
PSD
file. This way, you tin can hands go on editing the file afterwards on. And because it volition eventually be posted online, yous’ll too want to use
Salve for Web
to create a new JPEG version of the finished image.

Scenario 2

Let’s say you lot’re planning to share some photos from a recent holiday with your friends. You’d just like to make some quick adjustments in Photoshop, like cropping and rotating, earlier sharing them. In this instance, you lot could open the original image files in Photoshop, make the necessary adjustments, so salve a new version of the edited photos as
JPEGs. Because none of these edits are besides complicated, you probably don’t need to salve a divide PSD version of each prototype.

As yous can see, the saving option you choose will vary from project to projection. Before saving an image, take a moment to
consider the blazon of files
you’ll need. As yous offset to gain more feel with Photoshop, this process will begin to feel quick and natural.

Using Salvage As

Y’all’ll use the
Salve As
command to save files in the PSD format, as well every bit other common formats like JPEG and PNG.

To save a file with Salvage As:

  1. With the image open in Photoshop, select
    File


    >
    Save Equally
    .

    Screenshot of Adobe Photoshop CC

  2. A dialog box will appear. Type the desired
    file name, and 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, so cull the desired
    file format. In our case, we’ll save this epitome as a
    JPEG
    file. If you’re saving every bit a PSD file, make sure the
    Layers
    pick is checked. Nonetheless, near other formats won’t allow you to select this option.

    Screenshot of Adobe Photoshop CC

  4. Click
    Salvage.
  5. 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 y’all’ve already saved your project as a PSD file, y’all can select
File >Relieve
or press
Ctrl+S

(or
Command+S
on a Mac) to save your progress at whatsoever time. Nevertheless, if y’all’re working with some other format like JPEG, nosotros recommend using
Relieve As
to avert overwriting your original file.

Try this!

Open the case file in Photoshop and attempt saving information technology in different file formats, like PSD and JPEG. Notice how the PSD format preserves the individual layers, while the JPEG format does not.

Using Save for Web

When you employ the Save for Web feature, you’ll need to make a few decisions about the image you lot’re saving:

  • File format: Salve for Spider web allows yous to cull from a few
    Web-safe
    file formats. Virtually of the time, you’ll use the JPEG format for photographs. PNG-24 volition keep the full quality of the epitome, whereas PNG-eight is mainly used for graphics and illustrations that use just a few colors. Generally, you won’t demand to use the GIF or WBMP formats.

    Screenshot of Adobe Photoshop CC

  • Image size: You can
    resize
    the
    prototype
    directly from the Save for Web dialog box. Resizing the epitome to be smaller will as well reduce the file size. Yet, 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 yous’re using the JPEG format, the prototype can be saved at different
    quality
    levels. Y’all may want to experiment with different settings to observe the best remainder betwixt quality and file size.

    Screenshot of Adobe Photoshop CC

Try this!

Drag the slider in the interactive below to arrange the JPEG compression quality. Remember, college quality levels will also increase the file size. Try to discover a setting that looks adept while keeping the file size relatively small.

For best results, we recommend using the Chrome spider web browser with these interactives.

To relieve for the Spider web:

  1. Select
    File
    >
    Save for Web.

    Screenshot of Adobe Photoshop CC

  2. The
    Save for Spider 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 yous enter the new image width, the acme should exist adapted
    automatically
    to maintain the original
    aspect ratio
    .
  4. If you want, you can use the
    2-Up view
    to compare the original paradigm with a preview of the new version. This is an easy mode to brand sure you haven’t lost too much quality from the original version. Notation the file size in the lesser-left corner of each preview window.

    Screenshot of Adobe Photoshop CC

  5. Click
    Salvage. A new dialog box volition announced. Blazon 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

Try this!

Open the example file in Photoshop and use Relieve for Spider web to save a new version of the image. Endeavour out different file formats and quality settings to run into how they bear on the paradigm’s quality and file size.

/en/photoshopbasics/understanding-layers/content/

Source: https://edu.gcfglobal.org/en/photoshopbasics/saving-images/1/