Adobe 23101335 User Guide - Page 336

Resizing the image during optimization, Photoshop Save For Web dialog box

Page 336 highlights

326 CHAPTER 12 Optimizing Images for the Web Resizing the image during optimization (Photoshop Save For Web dialog box) When optimizing an image in the Photoshop Save For Web dialog box, you can resize the image to specified pixel dimensions or to a percentage of the original size. Note: You can also resize an image by choosing Image > Image Size. (See "Changing the pixel dimensions of an image" on page 97.) To change the pixel dimensions of an image during optimization: 1 Click the Image Size tab in the Save For Web dialog box. 2 To maintain the current proportions of pixel width to pixel height, select Constrain Proportions. 3 Enter values for Width, Height, or Percent. The New Size text field displays the new file size for the image. 4 Choose an interpolation method from the Quality pop-up menu: • Jagged (Nearest Neighbor) for the faster, but less precise, method. This method is recommended for use with illustrations containing non-anti-aliased edges, to preserve hard edges and produce a smaller file. • Smooth (Bicubic) for the slower, but more precise, method, resulting in smoother tonal gradations. For more information on interpolation, see "About resampling" on page 96. 5 Click Apply. Controlling optimization (ImageReady) By default, Photoshop and ImageReady automatically regenerate the optimized image when you click the Optimized, 2-Up, or 4-Up tab at the top of the document (if you have modified the image since the last optimization), when you change optimization settings with the optimized image displayed, or when you edit the original image. In ImageReady, you can turn off auto-regeneration so that the last version of the optimized image remains in the image window until you manually reoptimize the image or reactivate auto-regeneration. This feature is useful if you want to edit the image without pausing for reoptimization with each modification. You can also cancel optimization while it's in progress, and preserve the previous image. When auto-regeneration is turned off, the Regenerate button ( ) appears in the lower-right corner of each optimized image view. A regeneration alert symbol also appears in the Color Table palette if the optimized image is in GIF or PNG-8 format, indicating that the color table is out of date. To turn Auto Regenerate on or off: In the Optimize palette, choose Auto Regenerate from the palette menu. A check mark indicates that the option is turned on. To manually optimize an image: Choose a method for optimizing: • Click the Regenerate button ( ) in the lowerright corner of the optimized image (if it appears).

  • 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
  • 342
  • 343
  • 344
  • 345
  • 346
  • 347
  • 348
  • 349
  • 350
  • 351
  • 352
  • 353
  • 354
  • 355
  • 356
  • 357
  • 358
  • 359
  • 360
  • 361
  • 362
  • 363
  • 364
  • 365
  • 366
  • 367
  • 368
  • 369
  • 370
  • 371
  • 372
  • 373
  • 374
  • 375
  • 376
  • 377
  • 378
  • 379
  • 380
  • 381
  • 382
  • 383
  • 384
  • 385
  • 386
  • 387
  • 388
  • 389
  • 390
  • 391
  • 392
  • 393
  • 394
  • 395
  • 396
  • 397
  • 398
  • 399
  • 400
  • 401
  • 402
  • 403
  • 404
  • 405
  • 406
  • 407
  • 408
  • 409
  • 410
  • 411
  • 412
  • 413
  • 414
  • 415
  • 416
  • 417
  • 418
  • 419
  • 420
  • 421
  • 422
  • 423
  • 424
  • 425
  • 426
  • 427
  • 428
  • 429
  • 430
  • 431
  • 432
  • 433
  • 434
  • 435
  • 436
  • 437
  • 438
  • 439
  • 440
  • 441
  • 442
  • 443
  • 444
  • 445
  • 446
  • 447
  • 448

CHAPTER 12
326
Optimizing Images for the Web
Resizing the image during optimization
(Photoshop Save For Web dialog box)
When optimizing an image in the Photoshop Save
For Web dialog box, you can resize the image to
specified pixel dimensions or to a percentage of the
original size.
Note:
You can also resize an image by choosing
Image > Image Size. (See
Changing the pixel
dimensions of an image
on page 97.)
To change the pixel dimensions of an image during
optimization:
1
Click the Image Size tab in the Save For Web
dialog box.
2
To maintain the current proportions of
pixel width to pixel height, select Constrain
Proportions.
3
Enter values for Width, Height, or Percent.
The New Size text field displays the new file size for
the image.
4
Choose an interpolation method from the
Quality pop-up menu:
Jagged (Nearest Neighbor) for the faster, but less
precise, method. This method is recommended for
use with illustrations containing non-anti-aliased
edges, to preserve hard edges and produce a
smaller file.
Smooth (Bicubic) for the slower, but more
precise, method, resulting in smoother tonal
gradations.
For more information on interpolation,
see “About resampling” on page 96.
5
Click Apply.
Controlling optimization (ImageReady)
By default, Photoshop and ImageReady automati-
cally regenerate the optimized image when you
click the Optimized, 2-Up, or 4-Up tab at the top
of the document (if you have modified the image
since the last optimization), when you change
optimization settings with the optimized image
displayed, or when you edit the original image.
In ImageReady, you can turn off auto-regener-
ation so that the last version of the optimized
image remains in the image window until you
manually reoptimize the image or reactivate
auto-regeneration. This feature is useful if you
want to edit the image without pausing for reopti-
mization with each modification. You can also
cancel optimization while it’s in progress, and
preserve the previous image.
When auto-regeneration is turned off, the Regen-
erate button (
) appears in the lower-right corner
of each optimized image view. A regeneration alert
symbol also appears in the Color Table palette if
the optimized image is in GIF or PNG-8 format,
indicating that the color table is out of date.
To turn Auto Regenerate on or off:
In the Optimize palette, choose Auto Regenerate
from the palette menu. A check mark indicates
that the option is turned on.
To manually optimize an image:
Choose a method for optimizing:
Click the Regenerate button (
) in the lower-
right corner of the optimized image (if it appears).