用户指南 取消(C)

优化图像

  1. Photoshop Elements User Guide
  2. Introduction to Photoshop Elements
    1. What's new in Photoshop Elements
    2. System requirements | Photoshop Elements
    3. Workspace basics
    4. Guided mode
    5. Making photo projects
  3. Workspace and environment
    1. Get to know the Home screen
    2. Workspace basics
    3. Tools
    4. Panels and bins
    5. Open files
    6. Rulers, grids, and guides
    7. Enhanced Quick Mode
    8. File information
    9. Presets and libraries
    10. Multitouch support
    11. Scratch disks, plug‑ins, and application updates
    12. Undo, redo, and cancel actions
    13. Viewing images
    14. Using Windows 7 features
  4. Fixing and enhancing photos
    1. Resize images
    2. Cropping
    3. Process camera raw image files
    4. Add blur, replace colors, and clone image areas
    5. Adjust shadows and light
    6. Retouch and correct photos
    7. Sharpen photos
    8. Transforming
    9. Auto Smart Tone
    10. Recomposing
    11. Using actions to process photos
    12. Photomerge Compose
    13. Create a panorama
  5. Adding shapes and text
    1. Add text
    2. Edit text
    3. Create shapes
    4. Editing shapes
    5. Painting overview
    6. Painting tools
    7. Set up brushes
    8. Patterns
    9. Fills and strokes
    10. Gradients
    11. Work with Asian type
  6. Guided edits, effects, and filters
    1. Guided mode
    2. Filters
    3. Guided mode Photomerge edits
    4. Guided mode Basic edits
    5. Adjustment filters
    6. Effects
    7. Guided mode Fun edits
    8. Guided mode Special edits
    9. Artistic filters
    10. Guided mode Color edits
    11. Guided mode Black & White edits
    12. Blur filters
    13. Brush Stroke filters
    14. Distort filters
    15. Other filters
    16. Noise filters
    17. Render filters
    18. Sketch filters
    19. Stylize filters
    20. Texture filters
  7. Working with colors
    1. Understanding color
    2. Set up color management
    3. Color and tonal correction basics
    4. Choose colors
    5. Adjust color, saturation, and hue
    6. Fix color casts
    7. Using image modes and color tables
    8. Color and camera raw
  8. Working with selections
    1. Make selections in Photoshop Elements
    2. Saving selections
    3. Modifying selections
    4. Move and copy selections
    5. Edit and refine selections
    6. Smooth selection edges with anti-aliasing and feathering
  9. Working with layers
    1. Create layers
    2. Edit layers
    3. Copy and arrange layers
    4. Adjustment and fill layers
    5. Clipping masks
    6. Layer masks
    7. Layer styles
    8. Opacity and blending modes
  10. Creating photo projects
    1. Project basics
    2. Making photo projects
    3. Editing photo projects
  11. Saving, printing, and sharing photos
    1. Save images
    2. Printing photos
    3. Share photos online
    4. Optimizing images
    5. Optimizing images for the JPEG format
    6. Dithering in web images
    7. Guided Edits - Share panel
    8. Previewing web images
    9. Use transparency and mattes
    10. Optimizing images for the GIF or PNG-8 format
    11. Optimizing images for the PNG-24 format
  12. Keyboard shortcuts
    1. Keys for selecting tools
    2. Keys for selecting and moving objects
    3. Keys for the Layers panel
    4. Keys for showing or hiding panels (expert mode)
    5. Keys for painting and brushes
    6. Keys for using text
    7. Keys for the Liquify filter
    8. Keys for transforming selections
    9. Keys for the Color Swatches panel
    10. Keys for the Camera Raw dialog box
    11. Keys for the Filter Gallery
    12. Keys for using blending modes
    13. Keys for viewing images (expertmode)

关于优化

针对 Web 优化是压缩图像和设置显示选项以优化 Internet 使用的过程。当您将图像放在 Internet 上时,文件大小变得非常重要,您希望得到足够小的文件,以允许合理的下载时间,但同时要足够大,以保持令人满意的颜色和细节。在 Web 上主要使用三种图形文件格式: GIF、JPEG 和 PNG。

当您将图像放在 Web 上时,需要考虑文件大小。目标得到足够小的文件,以允许合理的下载时间,但同时要保留令人满意的颜色和细节。

在 Web 上使用的三种主要图形文件格式为:GIF、JPEG 和 PNG。可以使用下面的其中一种方法优化这些格式的图像:

  • 要精确优化供网页创作应用程序(如 Adobe® Dreamweaver®)使用的图像,可使用“存储为 Web 所用格式”命令。“存储为 Web 所用格式”对话框允许您预览不同文件格式和不同优化设置的图像。 还可以设置透明度和动画设置。

  • 对于基本优化,可以使用“存储为”命令。根据文件格式,您可以指定图像品质、背景透明度或杂边、颜色显示,以及下载方法。

使用存储为 Web 所用格式对话框

使用“存储为 Web 所用格式”对话框预览要在 Web 上共享的照片的不同优化选项的效果。过程很简单。打开照片,然后选择“文件”>“存储为 Web 所用格式”。 然后从文件格式菜单中选择一种格式(GIF、JPEG、PNG-8 或 PNG-24),并根据需要设置选项。(文件格式菜单在“预设”菜单正下方。) 这会存储一个文件副本,而不会覆盖原始图像。

“存储为 Web 所用格式”对话框

A. 工具箱 B. 吸管颜色 C. 优化设置和更多选项的弹出菜单 D. 图像大小 E. 动画选项 F. “缩放级别”菜单 G. “浏览器预览”菜单 H. 原稿图像 I. 优化的图像 

优化选项显示在“存储为 Web 所用格式”对话框的右侧。除了选择 Web 文件格式之外,还可以选择压缩和颜色选项、保留背景透明度或设置背景杂边,以及更改图像的大小。您可以使用预定义的设置(通过从“预设”菜单选择格式),或选择格式特定的选项来微调优化。

图像窗口显示原始图像(左侧)和优化图像的预览(右侧)。每个窗口下面是优化信息,即当前设置、优化文件的大小以及估计下载时间。随着您的调整,优化图像下面的信息会发生更改以反映新的设置。

一个小工具箱位于对话框的左上角。要查看图像的不同区域,请选择“抓手”工具并进行拖动,以将这些区域拖入视图中。要放大图像,请选择“缩放”工具并在视图中单击;然后按下 Alt 并再次单击可缩小图像。 (还可以使用对话框底部的“缩放”框。) 要创建杂边颜色,请使用“吸管颜色”工具。

优化 Web 的文件格式

您可以在用于 Web 的四种格式中任选。选择 Web 图像的格式时请遵循下列原则:

JPEG

在大多数情况下,这是存储照片的最佳格式。

PNG-24

与 JPEG 一样,这是存储照片的较好格式。当图像包含透明度时,只能选择 PNG-24 而不是 JPEG。(JPEG 不支持透明度;必须用杂边颜色填充。) 相同图像的 PNG-24 文件通常比 JPEG 文件大很多。

GIF

GIF 格式适用于具有较大纯色区域和卷曲细节的艺术线条和插图。此外,如果要导出动画图像,必须使用 GIF。

PNG-8

PNG-8 是少为人知的 GIF 替代格式。它具有相同用途(动画除外)。

有时将 GIF 和 PNG-8 格式的图像称为索引颜色图像,它最多可以显示 256 种颜色。 为了将图像转换为索引颜色格式,Photoshop Elements 构建了一个颜色查找表。 如果颜色查找表中没有原始图像中的某种颜色,则应用程序将选择表中最接近的一种颜色,或使用现有颜色的组合来模拟该颜色。

JPEG 和 PNG-24 文件支持 24 位颜色,因此它们最多可以显示 1600 万种颜色。根据文件格式,您可以指定图像品质、背景透明度或杂边、颜色显示,以及下载时浏览器显示图像的方法。

Web 上的图像外观还取决于计算机平台、操作系统、显示器和浏览器显示的颜色。您可能想用不同的浏览器在不同的平台上预览图像,看看它们如何显示在 Web 上。

应用预设的优化设置

通过从“存储为 Web 所用格式”对话框中右上角附近的“预设”菜单选择预定义的优化设置(称为预设),您可以快速轻松地优化用于 Web 的图像。 对预设进行修改以满足不同类型图像的优化需要。

每个预设的名称都反映其文件格式和品质级别。例如,选择“JPEG 高”可优化高图像品质和低压缩的 JPEG 格式图像。 选择“GIF 32 仿色”可优化 GIF 格式的图像,将颜色数量减少为 32 种,并应用仿色。

  1. 在“存储为 Web 所用格式”对话框中,从“预设”菜单中选择一个设置名称,然后单击“确定”。
  2. 在“将优化结果存储为”对话框中,键入文件名,然后单击“存储”。
    注意:

    如果更改预设中的选项,“预设”菜单将显示文字“[未命名]”。无法存储自定设置;但是,下次显示“存储为 Web 所用格式”对话框时,会在该对话框中显示当前设置。

Adobe 徽标

登录到您的帐户