Previewing web images

Search
Photoshop Elements User Guide

On this page

Applies to: Photoshop Elements

在中国购买的 Creative Cloud 产品不含 CC 桌面应用程序中的 Creative Cloud 移动应用程序和在线服务及相关功能。

Preview an optimized image in a web browser

You can preview an optimized image in any web browser installed on your system. The browser preview displays the image with a caption listing the image’s file type, pixel dimensions, file size, compression specifications, and other HTML information.

  1. Open the image you want to preview.
  2. Select File > Save For Web, and apply your optimization settings.
  3. Choose a browser from the Preview In menu in the lower-right corner of the optimized image, or click the browser icon to launch your default web browser.

Add a browser to the Preview In menu

  1. Choose File > Save For Web.
  2. Click the down arrow in the Preview In menu, and choose Edit List.
  3. In the Browsers dialog box, click Find All. The dialog box displays all installed browsers.
  4. Select a browser, click Add, and then click OK.

View estimated download time

  1. Open an image and choose File > Save For Web.
  2. Choose your optimization settings.
  3. Click the triangle to the upper right of the optimized image to view the document panel menu.
  4. Choose an Internet access speed, including modem, ISDN, cable, or DSL Internet access.
  5. When you change the Internet access speed, the estimated download time displayed under the optimized image is updated. If the download time seems too long, try different optimization settings, or change the image size in the Save For Web dialog box.

Preview variations in color display

When optimizing an image for the web, consider how the image will appear on different monitors. In general, an image appears darker in Windows systems than on Mac OS systems. You can simulate cross-platform display differences in the Save For Web dialog box.

  1. Open an image and choose File > Save For Web.
  2. Choose your optimization settings.
  3. Click the triangle to the right of the optimized image to view the document panel menu.
  4. Choose a display option:

    Uncompensated Color

    Shows the image with no color adjustment (the default option).

    Standard Windows Color

    Adjusts the color to simulate a standard Windows monitor.

    Standard Macintosh Color

    Adjusts the color to simulate a standard Macintosh® monitor.

    Use Document Color Profile

    Shows image with its color profile, if one exists.

    Note:

    These preview options adjust color only in the Save For Web dialog box; they don’t change colors in the original or optimized image.

Preview an animation

You can preview an animation in the Save For Web dialog box or in a web browser. The Save For Web dialog box shows the animation as still frames. You must preview the animation in a browser to view the frames in timed sequence.

  1. Set up an animated image and choose File > Save For Web.
  2. To preview an animation from the Save For Web dialog box, do one of the following:

    • To view the next frame in the animation, click the Next Frame button.

    • To view the previous frame in the animation, click the Previous Frame button.

    • To view the last frame in the animation, click the Last Frame button.

    • To view the first frame in the animation, click the First Frame button.

  3. To preview an animation in a web browser, do the following:

    • Choose a browser from the Preview In menu below the lower-right corner of the optimized image, or click the browser icon to launch your default web browser.

    • Use your browser’s Stop, Refresh, or Reload commands to stop or replay the animation.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy