使用网页保存
当您准备好将图像放入网页中时,请从“ 文件”菜单中选择“ 保存为网络… ” 。出现“另存为Web”对话框:
在这里,您可以告诉Photoshop如何优化Web图像。您可以选择要生成的文件格式(GIF,JPEG或PNG),要使用的调色板尺寸,如何减少颜色以适合所选的调色板尺寸,为优化图像抖动多少(如果有的话) ),以及牺牲多少图像质量来产生较小的文件大小。
图片检视
左侧图像查看窗格上方的四个选项卡使您可以查看原始图像,优化版本(这是默认设置),并排并排的原始和优化版本(“ 2-Up”)以及原始,优化和优化的两个变体一起(“ 4-Up”)。您还可以使用左上角的“ 手形”工具来移动视图(如果图像大于视图),使用“ 缩放”工具来放大和缩小图像,以及使用“ 滴管”工具来选择图像的颜色,由对话框右侧的各种颜色选项使用。
预设值
“另存为Web”对话框中有很多选项,选择可能会令人迷惑!幸运的是,有一系列预设可供您选择,以使其更容易。单击“ 设置:”下拉列表(在“ 取消”按钮下方)以显示预设列表:
预设中共有三种基本图像格式-GIF,JPEG和PNG。作为基本规则,将JPEG用于照片,将GIF用于其他所有内容。
优化GIF
如果您要制作GIF,请先使用诸如GIF 32 Dithered之类的预设开始,该预设对于大多数GIF都应适用。然后,您可以微调优化以适合您的需求。下面讨论了一些重要的优化选项。
减色方法
这是“图像格式”框下方的下拉框。这里常用的选项有:
感性的:创建缩小的调色板,以偏爱人眼更敏感的颜色。
选择性的:与感知相似,但更适合网络工作。首选(默认)选项。
自适应:通过对图像色谱中的颜色进行均匀采样来创建调色板。通常不如选择性好。
Web:如果您需要完整的Web安全调色板(Netscape 216调色板),请使用。如今,这通常并不那么重要,因为大多数显示器至少支持1600万种颜色。
抖动方法
这是“减色方法”框下方的下拉框。抖动涉及在图像上添加图案化或随机的点,以使其看起来包含比调色板中实际更多的颜色,从而允许您使用较小的调色板尺寸。选项包括:
无抖动:不对图像应用抖动。如果抖动效果看起来不好,则很好,但会产生严重的颜色“条纹”。
扩散:使用误差扩散抖动,它看起来类似于噪声抖动,产生点状的随机图形。使用ImageReady切片时可能会产生接缝。
图案:使用图案进行抖动,而不是随机点。可以很好地处理某些图像,但通常会使图像看起来有些虚假。
噪波:类似于扩散,但在ImageReady中的切片边缘不会产生接缝。
透明度
仅当图像的背景图层未打开时,此复选框才可用。它指定您希望已保存的GIF的一部分是透明的。如果取消选中此复选框,透明区域将改为充满了哑光色(或白色的,如果没有选择亚光)。
隔行扫描
此复选框控制GIF隔行扫描。如果启用,则GIF在加载到网页上时将逐渐显示为水平的隔行扫描线,使观看者可以在显示完整图像时看到一些东西。但是,它确实会增加文件大小。
有损的
使用此滑块可以从图像中删除一些细节,以进一步减小文件大小。仅当您不介意严重降低图像质量时才使用!值为0不会删除任何细节。值100将删除最大的细节量。
色彩
在这里,您可以选择GIF调色板的大小。一张32色的调色板通常足以用于Web图像,但是如果您的图像有很多细节并且看起来过于模糊/模糊/使用32条纹,则最多可以达到64、128或256。如果图像中的颜色很少首先,或者用更少的颜色看起来还不错,请选择16、8、4甚至2!这将使GIF文件的大小变小。
颤动
如果您选择了一种抖动方法(请参见上文),则可以使用此选项控制图像抖动的程度– 0表示不抖动,100表示很多抖动。
亚光
遮罩是您要用于图像的背景色。如果您启用了“ 透明”功能(请参见上文),则前景图像的边缘将褪色以与遮罩色融合。如果您将“ 遮罩”设置选择为“ 无”,则GIF将具有“硬透明度”而不会褪色;如果您希望能够在任何彩色背景上使用图像,这将非常有用。
如果您禁用了Transparency,则图像的透明区域将填充为哑光颜色。
网络快照
如果要使用网络安全色,请增加“ 网络捕捉”滑块。Web Snap的价值越高,Photoshop将使您的调色板越来越偏向于Web安全颜色。
优化JPEG
如果要制作JPEG,请从诸如JPEG中号的预设开始,该预设对大多数JPEG都适用。然后,您可以微调优化以适合您的需求。下面讨论了一些重要的优化选项。
质量
有两种更改压缩质量的方法:“ 低/中/高/最大”列表(用于快速访问)和“ 质量”滑块(用于精细控制)。质量设置越低,JPEG将显得越模糊和不清晰,但生成的文件大小越小。
进步
渐进JPEG与隔行GIF相似(请参见上文)。该图像将逐渐加载到网页上-首先是低分辨率图像,然后是最终的完整高分辨率图像。同样,这非常适合使慢速调制解调器上的查看器变得无聊,但这确实意味着文件大小稍大,而且真正的旧版浏览器不支持渐进式JPEG。
亚光
如果您的Photoshop图像具有透明区域,则可以使用此下拉框用指定的遮罩颜色填充它们。
优化PNG
用于优化PNG-24的选项与用于优化JPEG的选项几乎相同。同样,用于优化PNG-8的选项与用于优化GIF的选项非常相似。有关详细信息,请参见上面的GIF和JPEG部分。
保存图像
对优化后的图像满意后,单击“ 确定”将其保存到磁盘。保存的文件将是原始图像的副本,除非您使用优化的文件专门覆盖了原始文件。