Photoshop Batch Optimize Images For Web

By | 28/10/2022
  1. Photoshop User Guide
  2. Introduction to Photoshop
    1. Dream it. Make it.
    2. What’s new in Photoshop
    3. Edit your beginning photo
    4. Create documents
    5. Photoshop | Mutual Questions
    6. Photoshop system requirements
    7. Migrate presets, actions, and settings
    8. Get to know Photoshop
  3. Photoshop and other Adobe products and services
    1. Piece of work with Illustrator artwork in Photoshop
    2. Work with Photoshop files in InDesign
    3. Substance 3D Materials for Photoshop
    4. Photoshop and Adobe Stock
    5. Use the Capture in-app extension in Photoshop
    6. Creative Cloud Libraries
    7. Creative Cloud Libraries in Photoshop
    8. Apply the Touch Bar with Photoshop
    9. Grid and guides
    10. Creating actions
    11. Undo and history
  4. Photoshop on the iPad
    1. Photoshop on the iPad | Common questions
    2. Get to know the workspace
    3. Organization requirements | Photoshop on the iPad
    4. Create, open, and export documents
    5. Add photos
    6. Piece of work with layers
    7. Draw and paint with brushes
    8. Make selections and add masks
    9. Retouch your composites
    10. Work with adjustment layers
    11. Adjust the tonality of your composite with Curves
    12. Use transform operations
    13. Crop and rotate your composites
    14. Rotate, pan, zoom, and reset the canvas
    15. Work with Type layers
    16. Work with Photoshop and Lightroom
    17. Get missing fonts in Photoshop on the iPad
    18. Japanese Text in Photoshop on the iPad
    19. Manage app settings
    20. Bear on shortcuts and gestures
    21. Keyboard shortcuts
    22. Edit your epitome size
    23. Livestream as you create in Photoshop on the iPad
    24. Correct imperfections with the Healing Brush
    25. Create brushes in Capture and apply them in Photoshop
    26. Piece of work with Camera Raw files
    27. Create and work with Smart Objects
    28. Adapt exposure in your images with Dodge and Burn
  5. Photoshop on the web beta
    1. Common questions | Photoshop on the web beta
    2. Introduction to the workspace
    3. System requirements | Photoshop on the web beta
    4. Keyboard shortcuts | Photoshop on the web beta
    5. Supported file types | Photoshop on the web beta
    6. Open and piece of work with cloud documents
    7. Collaborate with stakeholders
    8. Apply limited edits to your deject documents
  6. Cloud documents
    1. Photoshop cloud documents | Common questions
    2. Photoshop deject documents | Workflow questions
    3. Manage and work with cloud documents in Photoshop
    4. Upgrade cloud storage for Photoshop
    5. Unable to create or save a cloud certificate
    6. Solve Photoshop cloud document errors
    7. Collect cloud document sync logs
    8. Share access and edit your deject documents
    9. Share files and comment in-app
  7. Workspace
    1. Workspace basics
    2. Preferences
    3. Learn faster with the Photoshop Discover Console
    4. Create documents
    5. Place files
    6. Default keyboard shortcuts
    7. Customize keyboard shortcuts
    8. Tool galleries
    9. Functioning preferences
    10. Use tools
    11. Presets
    12. Grid and guides
    13. Touch gestures
    14. Employ the Touch Bar with Photoshop
    15. Touch on capabilities and customizable workspaces
    16. Technology previews
    17. Metadata and notes
    18. Touch capabilities and customizable workspaces
    19. Place Photoshop images in other applications
    20. Rulers
    21. Evidence or hide not-printing Extras
    22. Specify columns for an image
    23. Disengage and history
    24. Panels and menus
    25. Position elements with snapping
    26. Position with the Ruler tool
  8. Web, screen, and app design
    1. Photoshop for design
    2. Artboards
    3. Device Preview
    4. Copy CSS from layers
    5. Piece web pages
    6. HTML options for slices
    7. Change slice layout
    8. Piece of work with web graphics
    9. Create web photo galleries
  9. Image and colour basics
    1. How to resize images
    2. Work with raster and vector images
    3. Image size and resolution
    4. Learn images from cameras and scanners
    5. Create, open, and import images
    6. View images
    7. Invalid JPEG Marker error | Opening images
    8. Viewing multiple images
    9. Customize color pickers and swatches
    10. Loftier dynamic range images
    11. Match colors in your image
    12. Convert between colour modes
    13. Color modes
    14. Erase parts of an paradigm
    15. Blending modes
    16. Choose colors
    17. Customize indexed color tables
    18. Image information
    19. Distort filters are unavailable
    20. Near color
    21. Color and monochrome adjustments using channels
    22. Choose colors in the Colour and Swatches panels
    23. Sample
    24. Color mode or Image mode
    25. Colour cast
    26. Add a provisional mode change to an activity
    27. Add swatches from HTML CSS and SVG
    28. Flake depth and preferences
  10. Layers
    1. Layer basics
    2. Nondestructive editing
    3. Create and manage layers and groups
    4. Select, group, and link layers
    5. Place images into frames
    6. Layer opacity and blending
    7. Mask layers
    8. Apply Smart Filters
    9. Layer comps
    10. Move, stack, and lock layers
    11. Mask layers with vector masks
    12. Manage layers and groups
    13. Layer effects and styles
    14. Edit layer masks
    15. Extract assets
    16. Reveal layers with clipping masks
    17. Generate image assets from layers
    18. Work with Smart Objects
    19. Blending modes
    20. Combine multiple images into a grouping portrait
    21. Combine images with Auto-Alloy Layers
    22. Align and distribute layers
    23. Copy CSS from layers
    24. Load selections from a layer or layer mask’south boundaries
    25. Knockout to reveal content from other layers
    26. Layer
    27. Flattening
    28. Composite
    29. Background
  11. Selections
    1. Select and Mask workspace
    2. Make quick selections
    3. Get started with selections
    4. Select with the marquee tools
    5. Select with the lasso tools
    6. Select a color range in an image
    7. Adjust pixel selections
    8. Convert between paths and selection borders
    9. Channel basics
    10. Move, re-create, and delete selected pixels
    11. Create a temporary quick mask
    12. Salvage selections and alpha channel masks
    13. Select the image areas in focus
    14. Duplicate, dissever, and merge channels
    15. Aqueduct calculations
    16. Selection
    17. Bounding box
  12. Epitome adjustments
    1. Perspective warp
    2. Reduce camera shake blurring
    3. Healing brush examples
    4. Export color lookup tables
    5. Adapt prototype sharpness and mistiness
    6. Empathise color adjustments
    7. Utilise a Effulgence/Contrast aligning
    8. Accommodate shadow and highlight detail
    9. Levels aligning
    10. Adjust hue and saturation
    11. Adjust vibrance
    12. Adjust color saturation in prototype areas
    13. Make quick tonal adjustments
    14. Apply special colour furnishings to images
    15. Enhance your image with color balance adjustments
    16. Loftier dynamic range images
    17. View histograms and pixel values
    18. Match colors in your image
    19. How to crop and straighten photos
    20. Convert a color image to black and white
    21. Adjustment and make full layers
    22. Curves adjustment
    23. Blending modes
    24. Target images for printing
    25. Conform color and tone with Levels and Curves eyedroppers
    26. Adapt HDR exposure and toning
    27. Filter
    28. Blur
    29. Dodge or burn image areas
    30. Make selective color adjustments
    31. Replace object colors
  13. Adobe Camera Raw
    1. Camera Raw system requirements
    2. What’s new in Photographic camera Raw
    3. Introduction to Photographic camera Raw
    4. Create panoramas
    5. Supported lenses
    6. Vignette, grain, and dehaze effects in Photographic camera Raw
    7. Default keyboard shortcuts
    8. Automated perspective correction in Photographic camera Raw
    9. How to make non-destructive edits in Photographic camera Raw
    10. Radial Filter in Camera Raw
    11. Manage Camera Raw settings
    12. Open, process, and save images in Camera Raw
    13. Repair images with the Enhanced Spot Removal tool in Camera Raw
    14. Rotate, ingather, and adapt images
    15. Adjust color rendering in Camera Raw
    16. Feature summary | Adobe Camera Raw | 2018 releases
    17. New features summary
    18. Process versions in Camera Raw
    19. Brand local adjustments in Camera Raw
  14. Image repair and restoration
    1. Remove objects from your photos with Content-Enlightened Fill up
    2. Content-Aware Patch and Movement
    3. Retouch and repair photos
    4. Correct image distortion and dissonance
    5. Bones troubleshooting steps to fix nigh issues
  15. Image transformations
    1. Transform objects
    2. Arrange crop, rotation, and canvas size
    3. How to crop and straighten photos
    4. Create and edit panoramic images
    5. Warp images, shapes, and paths
    6. Vanishing Bespeak
    7. Use the Liquify filter
    8. Content-enlightened scaling
    9. Transform images, shapes, and paths
    10. Warp
    11. Transform
    12. Panorama
  16. Drawing and painting
    1. Paint symmetrical patterns
    2. Describe rectangles and alter stroke options
    3. About cartoon
    4. Depict and edit shapes
    5. Painting tools
    6. Create and alter brushes
    7. Blending modes
    8. Add color to paths
    9. Edit paths
    10. Paint with the Mixer Castor
    11. Brush presets
    12. Gradients
    13. Gradient interpolation
    14. Make full and stroke selections, layers, and paths
    15. Describe with the Pen tools
    16. Create patterns
    17. Generate a design using the Pattern Maker
    18. Manage paths
    19. Manage pattern libraries and presets
    20. Describe or paint with a graphics tablet
    21. Create textured brushes
    22. Add dynamic elements to brushes
    23. Gradient
    24. Paint stylized strokes with the Art History Brush
    25. Paint with a pattern
    26. Sync presets on multiple devices
  17. Text
    1. Add and edit the text
    2. Unified Text Engine
    3. Work with OpenType SVG fonts
    4. Format characters
    5. Format paragraphs
    6. How to create type furnishings
    7. Edit text
    8. Line and character spacing
    9. Standard arabic and Hebrew type
    10. Fonts
    11. Troubleshoot fonts
    12. Asian type
    13. Create type
    14. Text Engine error using Blazon tool in Photoshop | Windows 8
  18. Video and animation
    1. Video editing in Photoshop
    2. Edit video and animation layers
    3. Video and blitheness overview
    4. Preview video and animations
    5. Pigment frames in video layers
    6. Import video files and epitome sequences
    7. Create frame animations
    8. Creative Cloud 3D Animation (Preview)
    9. Create timeline animations
    10. Create images for video
  19. Filters and effects
    1. Employ the Liquify filter
    2. Use the Blur Gallery
    3. Filter nuts
    4. Filter effects reference
    5. Add Lighting Furnishings
    6. Use the Adaptive Wide Bending filter
    7. Employ the Oil Paint filter
    8. Layer effects and styles
    9. Apply specific filters
    10. Smudge image areas
  20. Saving and exporting
    1. Save your files in Photoshop
    2. Export your files in Photoshop
    3. Supported file formats
    4. Salvage files in graphics formats
    5. Move designs between Photoshop and Illustrator
    6. Save and consign video and animations
    7. Save PDF files
    8. Digimarc copyright protection
  21. Printing
    1. Print 3D objects
    2. Print from Photoshop
    3. Print with colour management
    4. Contact Sheets and PDF Presentations
    5. Print photos in a picture show package layout
    6. Print spot colors
    7. Duotones
    8. Print images to a commercial press printing
    9. Better color prints from Photoshop
    10. Troubleshoot printing issues | Photoshop
  22. Automation
    1. Creating actions
    2. Create information-driven graphics
    3. Scripting
    4. Procedure a batch of files
    5. Play and manage deportment
    6. Add together provisional actions
    7. About actions and the Deportment console
    8. Record tools in actions
    9. Add a provisional mode modify to an activeness
    10. Photoshop UI toolkit for plug-ins and scripts
  23. Color Management
    1. Understanding color direction
    2. Keeping colors consistent
    3. Color settings
    4. Work with color profiles
    5. Color-managing documents for online viewing
    6. Color-managing documents when press
    7. Colour-managing imported images
    8. Proofing colors
  24. Content actuality
    1. Learn virtually content credentials
    2. Identity and provenance for NFTs
    3. Connect accounts for creative attribution
  25. 3D and technical imaging
    1. Photoshop 3D | Mutual questions around discontinued 3D features
    2. Creative Deject 3D Blitheness (Preview)
    3. Print 3D objects
    4. 3D painting
    5. 3D panel enhancements | Photoshop
    6. Essential 3D concepts and tools
    7. 3D rendering and saving
    8. Create 3D objects and animations
    9. Image stacks
    10. 3D workflow
    11. Measurement
    12. DICOM files
    13. Photoshop and MATLAB
    14. Count objects in an prototype
    15. Combine and convert 3D objects
    16. 3D texture editing
    17. Adjust HDR exposure and toning
    18. 3D console settings

You can easily save your Photoshop image files to a broad array of pop image formats.

Relieve in TIFF format

TIFF is a flexible raster (bitmap) paradigm format supported by virtually all paint, image-editing, and page-layout applications.

  1. Cull File >
    Salvage Equally, choose TIFF from the Format carte du jour, and click Relieve.

  2. In the TIFF Options dialog box, select the options y’all desire, and click OK.

    Bit depth (32‑chip only)

    Specifies the bit depth (16, 24, or 32‑fleck) of the saved prototype.

    Image Compression

    Specifies a method for compressing the composite image information. If you’re saving a 32‑bit TIFF file, you lot tin can specify that the file be saved with predictor compression, but yous don’t take the option to utilize JPEG compression. Predictor pinch offers improved compression past rearranging floating point values, and works with both LZW and Zero compression.

    JPEG pinch is available only for opaque RGB and grayscale images that are eight-$.25-per-aqueduct and no more than 30,000 pixels broad or high.

    Pixel Club

    Writes the TIFF file with the channels data interleaved or organized by aeroplane. Previously, Photoshop e’er wrote TIFF files with the channel society interleaved. Theoretically, the Planar order file can exist read and written faster, and offers a little better pinch. Both channel orders are astern uniform with earlier versions of Photoshop.

    Byte Order

    Selects the platform on which the file tin be read. This option is useful when you don’t know what program the file may exist opened in. Photoshop and most recent applications can read files using either IBM PC or Macintosh byte order.

    Save Image Pyramid

    Preserves multiresolution information. Photoshop does not provide options for opening multiresolution files; the prototype opens at the highest resolution within the file. Yet, Adobe InDesign and some image servers provide back up for opening multiresolution formats.

    Relieve Transparency

    Preserves transparency as an boosted blastoff channel when the file is opened in some other application. Transparency is ever preserved when the file is reopened in Photoshop.

    Layer Compression

    Specifies a method for compressing data for pixels in layers (as opposed to composite data). Many applications cannot read layer data and skip over information technology when opening a TIFF file. Photoshop, however, tin read layer information in TIFF files. Although files that include layer data are larger than those that don’t, saving layer data eliminates the need to save and manage a divide PSD file to hold the layer data. Cull Discard Layers And Salve A Re-create if yous want to flatten the image.

    To have Photoshop prompt you before saving an epitome with multiple layers, select Ask Before Saving Layered TIFF Files in the File Treatment area of the Preferences dialog box.

Salvage in JPEG format

Y’all can apply the
Save As
command to relieve CMYK, RGB, and grayscale images in JPEG (*.jpg) format. JPEG compresses file size by selectively discarding data. Yous tin as well salve an epitome as i or more JPEGs using the
File > Export > Relieve For Web (Legacy) control.

JPEG supports only 8-bit images. If you save a 16-flake image to this format, Photoshop automatically lowers the bit depth.

To quickly salve a medium-quality JPEG, play the
Relieve As
JPEG Medium action on the file. You can access this action by choosing Production from the Actions console menu.

  1. Cull File >
    Save Equally, and choose JPEG from the Format carte du jour.

  2. In the JPEG Options dialog box, select the options you want, and click OK.


    Offers matte color choices to simulate the advent of groundwork transparency in images that contain transparency.

    Prototype Options

    Specifies the image quality. Cull an option from the Quality menu, elevate the Quality popular-up slider, or enter a value between 0 and 12 in the Quality text box.

    Format Options

    Specifies the format of your JPEG file. Baseline (“Standard”) uses a format recognized past most web browsers. Baseline Optimized creates a file with optimized color and a slightly smaller file size. Progressive displays a serial of increasingly detailed versions of the epitome (yous specify how many) every bit it downloads. (Not all spider web browsers back up optimized and Progressive JPEG images.)

    Some applications may non be able to read a CMYK file saved in JPEG format. Also, if you find that a Java awarding can’t read a JPEG file, try saving the file without a thumbnail preview.

Salve in PNG format

Y’all can use the
Relieve As
command to save RGB, Indexed Color, Grayscale, and Bitmap mode images in PNG format.

  1. Cull File >
    Salve As, and choose PNG from the Format bill of fare.

  2. Select an Interlace option:


    Displays the epitome in a browser only when download is complete.


    Displays low-resolution versions of the paradigm in a browser as the file downloads. Interlacing makes download time seem shorter, but it likewise increases file size.

Yous tin export artboards, layers, layer groups, or documents as JPEG, GIF, or PNG images. Select the items in the Layers panel, correct-click the selection, and then select
Quick Export
Export As from the context menu.

Save in GIF format

You can utilize the
Save As
control to save a Photoshop document with one or more than frames as animated GIF.

  1. Choose
    File > Save Every bit, and choose
    from the

  2. Specify options in the
    GIF Save Options

    GIF Save Options dialog

    GIF Save Options dialog

Save in Photoshop EPS format

Virtually all folio-layout, word-processing, and graphics applications accept imported or placed EPS (Encapsulated PostScript) files. To print EPS files, you should use a PostScript printer. Non-PostScript printers will print only the screen-resolution preview.

  1. Choose File >
    Save Equally, and choose Photoshop EPS from the Format card.

  2. In the EPS Options dialog box, select the options you want, and click OK:


    Creates a depression-resolution paradigm to view in the destination application. Choose TIFF to share an EPS file betwixt Windows and Mac OS systems. An eight‑bit preview is in color and a i‑flake preview is in black and white with a jagged appearance. An 8‑bit preview creates a larger file size than a 1‑bit preview. See also Bit depth.


    Determines the way epitome data is delivered to a PostScript output device. Encoding options are described beneath.

    Include Halftone Screen and Include Transfer Office

    Control impress specifications for high‑end commercial impress jobs. Consult your printer before selecting these options.

    Transparent Whites

    Displays white areas equally transparent. This choice is available but for images in Bitmap way.

    PostScript Color Management

    Converts file data to the printer’s color infinite. Do not select this option if you plan to identify the prototype in some other color-managed document.

    Merely PostScript Level three printers support PostScript
    Color Direction

    for CMYK images. To impress a CMYK epitome using PostScript
    Color Management
    on a Level ii printer, convert the prototype to Lab mode earlier saving in EPS format.

    Include Vector Information

    Preserves whatever vector graphics (such equally shapes and type) in the file. Nevertheless, vector data in EPS and DCS files is available just to other applications; vector data is rasterized if you reopen the file in Photoshop. This option is only available if your file contains vector data.

    Image Interpolation

    Applies bicubic interpolation to polish the low-resolution preview if printed.

Photoshop EPS encoding options


Encodes if you lot’re press from a Windows system, or if you lot experience printing errors or other difficulties.


Produces a smaller file and leaves the original data intact. Notwithstanding, some page-layout applications and some commercial impress spooling and network printing software may non support binary Photoshop EPS files.


Compresses the file by discarding some epitome information. You can choose the corporeality of JPEG compression from very footling (JPEG Maximum Quality) to a lot (JPEG Low Quality). Files with JPEG encoding can be printed merely on Level two (or afterwards) PostScript printers and may not dissever into individual plates.

Save in Photoshop DCS format

DCS (Desktop Color Separations) format is a version of EPS that lets you lot save color separations of CMYK or multichannel files.

  1. Choose File >
    Save As, and choose Photoshop DCS 1.0 or Photoshop DCS ii.0 from the Format menu.

  2. In the DCS Format dialog box, select the options you want, and click OK.

    The dialog box includes all the options available for Photoshop EPS files. Additionally, the DCS menu gives y’all the option of creating a 72‑ppi blended file that can exist placed in a page-layout application or used to proof the image:

    DCS 1.0 format

    Creates one file for each color aqueduct in a CMYK image. You can besides create a fifth file: a grayscale or colour composite. To view the composite file, you must keep all five files in the aforementioned folder.

    DCS 2.0 format

    Retains spot color channels in the image. Yous tin can relieve the colour channels every bit multiple files (every bit for DCS 1.0) or equally a unmarried file. The single-file pick saves disk space. Yous can also include a grayscale or color composite.

Save in Photoshop Raw format

The Photoshop Raw format is a file format for transferring images between applications and computer platforms. The Photoshop Raw format is non the same every bit camera raw.

  1. Choose File >
    Salvage As, and choose Photoshop Raw from the Format card.

  2. In the Photoshop Raw Options dialog box, do the post-obit:

    • (Mac Os) Specify values for File Blazon and File Creator, or have the default values.

    • Specify a Header parameter.

    • Select whether to save the channels in an interleaved or not-interleaved order.

Salve in BMP format

The BMP format is an epitome format for the Windows operating system. The images can range from black-and-white (one fleck per pixel) up to 24‑bit colour (16.7 million colors).

  1. Choose File >
    Relieve Equally, and choose BMP from the Format menu.

  2. Specify a filename and location, and click Save.

  3. In the BMP Options dialog box, select a file format, specify the chip depth and, if necessary, select Flip Row Society. For more options, click Advanced Modes and specify the BMP options.

Relieve in Cineon format (16-bit images merely)

RGB images that are 16 bits per channel can be saved in Cineon format for utilize in the Kodak Cineon Film System.

  1. Cull File >
    Relieve As
    and cull Cineon from the Format card.

Save in Targa format

The Targa (TGA) format supports bitmap and RGB images with 8 Bits/Aqueduct. It is designed for Truevision® hardware, merely it is also used in other applications.

  1. Choose File >
    Save Every bit, and cull Targa from the Format carte.

  2. Specify a filename and location, and click Salve.

  3. In the Targa Options dialog box, select a resolution, select the Shrink (RLE) option if you want to compress the file, and and then click OK.