Adobe 65045315 Photoshop Elements Manual - Page 299

Optimize as GIF or PNG-8 format, Perceptual, Selective, Adaptive, Restrictive Web

Page 299 highlights

USING PHOTOSHOP ELEMENTS 10 293 Optimizing for the web 5 Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds. Note: Some browsers do not support progressive JPEGs. 6 To preserve the ICC profile of the original image in the optimized file, select ICC Profile. Some browsers use ICC profiles for color correction. The ICC profile of the image depends on your current color setting. 7 If the original image contains transparency, select a Matte color that matches the background of your web page. Transparent areas in your original image are filled with the Matte color. 8 To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save. More Help topics "About the JPEG format" on page 289 "About color management" on page 193 Optimize as GIF or PNG-8 format GIF is the standard format for compressing images with large areas of solid colors and crisp details like those in line art, logos, or type. Like the GIF format, PNG-8 supports transparency and efficiently compresses areas of solid color while preserving sharp detail; however, not all web browsers can display PNG-8 files. 1 In the Edit workspace, open an image and choose File > Save For Web. 2 Choose GIF or PNG-8 from the optimization format menu. 3 To display an image at low resolution while the full-resolution image is downloading, select Interlaced. Interlacing can make downloading time seem shorter and gives viewers feedback that downloading is in progress. 4 Under the optimization format menu, choose a color-reduction algorithm for generating the color lookup table: Perceptual Creates a custom color table by giving priority to colors for which the human eye has greater sensitivity. Selective Creates a color table similar to the Perceptual color table, but favoring broad areas of color and the preservation of web colors. This color table usually produces images with the greatest color integrity. (Selective is the default choice.) Adaptive Creates a custom color table by sampling colors from the spectrum appearing most commonly in the image. For example, an image with only shades of green and blue produces a color table made primarily of greens and blues. Most images concentrate colors in particular areas of the spectrum. Restrictive (Web) Uses the standard, 216-color, web-safe color table common to the 8-bit (256-color) panels of Windows and Mac OS. This option ensures that no browser dither is applied to colors when the image is displayed using 8-bit color. If your image has fewer than 216 colors, unused colors are removed from the table. 5 To specify the maximum number of colors in the color panel, select a number from the Colors menu, enter a value in the text box, or click the arrows to change the number of colors. If the image contains fewer colors than the panel, the color table reflects the smaller number of colors in the image. 6 If you chose Restrictive (Web) for the color-reduction algorithm, you can choose Auto from the Colors menu. Choose Auto if you want Photoshop Elements to determine the optimal number of colors in the color table based on the frequency of colors in the image. 7 Choose a dithering percentage, either by entering a percentage in the Dither text box or by clicking the Dither menu arrow and dragging the slider that appears. Last updated 1/2/2012

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283
  • 284
  • 285
  • 286
  • 287
  • 288
  • 289
  • 290
  • 291
  • 292
  • 293
  • 294
  • 295
  • 296
  • 297
  • 298
  • 299
  • 300
  • 301
  • 302
  • 303
  • 304
  • 305
  • 306
  • 307
  • 308
  • 309
  • 310
  • 311
  • 312
  • 313
  • 314
  • 315
  • 316
  • 317
  • 318
  • 319
  • 320
  • 321
  • 322
  • 323
  • 324
  • 325
  • 326
  • 327
  • 328
  • 329
  • 330
  • 331
  • 332
  • 333
  • 334
  • 335
  • 336
  • 337
  • 338
  • 339
  • 340
  • 341

293
USING PHOTOSHOP ELEMENTS 10
Optimizing for the web
Last updated 1/2/2012
5
Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution,
and then at progressively higher resolutions as downloading proceeds.
Note:
Some browsers do not support progressive JPEGs.
6
To preserve the ICC profile of the original image in the optimized file, select ICC Profile.
Some browsers use ICC profiles for color correction. The ICC profile of the image depends on your current color
setting.
7
If the original image contains transparency, select a Matte color that matches the background of your web page.
Transparent areas in your original image are filled with the Matte color.
8
To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.
More Help topics
About the JPEG format
” on page
289
About color management
” on page
193
Optimize as GIF or PNG-8 format
GIF is the standard format for compressing images with large areas of solid colors and crisp details like those in line
art, logos, or type. Like the GIF format, PNG-8 supports transparency and efficiently compresses areas of solid color
while preserving sharp detail; however, not all web browsers can display PNG-8 files.
1
In the Edit workspace, open an image and choose File
> Save For Web.
2
Choose GIF or PNG-8 from the optimization format menu.
3
To display an image at low resolution while the full-resolution image is downloading, select Interlaced. Interlacing
can make downloading time seem shorter and gives viewers feedback that downloading is in progress.
4
Under the optimization format menu, choose a color-reduction algorithm for generating the color lookup table:
Perceptual
Creates a custom color table by giving priority to colors for which the human eye has greater sensitivity.
Selective
Creates a color table similar to the Perceptual color table, but favoring broad areas of color and the
preservation of web colors. This color table usually produces images with the greatest color integrity. (Selective is the
default choice.)
Adaptive
Creates a custom color table by sampling colors from the spectrum appearing most commonly in the image.
For example, an image with only shades of green and blue produces a color table made primarily of greens and blues.
Most images concentrate colors in particular areas of the spectrum.
Restrictive (Web)
Uses the standard, 216-color, web-safe color table common to the 8-bit (256-color) panels of
Windows and Mac OS. This option ensures that no browser dither is applied to colors when the image is displayed
using 8-bit color. If your image has fewer than 216 colors, unused colors are removed from the table.
5
To specify the maximum number of colors in the color panel, select a number from the Colors menu, enter a value
in the text box, or click the arrows to change the number of colors. If the image contains fewer colors than the panel,
the color table reflects the smaller number of colors in the image.
6
If you chose Restrictive (Web) for the color-reduction algorithm, you can choose Auto from the Colors menu.
Choose Auto if you want Photoshop Elements to determine the optimal number of colors in the color table based
on the frequency of colors in the image.
7
Choose a dithering percentage, either by entering a percentage in the Dither text box or by clicking the Dither menu
arrow and dragging the slider that appears.