Adobe 65045315 Photoshop Elements Manual - Page 302

Preserve background transparency in a GIF or PNG image, Create a matted GIF or PNG image

Page 302 highlights

USING PHOTOSHOP ELEMENTS 10 296 Optimizing for the web More Help topics "Adding layers" on page 64 "Optimized file formats for the web" on page 288 Preserve background transparency in a GIF or PNG image GIF and PNG-8 formats support one level of transparency-pixels can be fully transparent or fully opaque, but not partially transparent. (By contrast, PNG-24 format supports multilevel transparency; that is, you can have up to 256 degrees of transparency in an image, ranging from opaque to completely transparent.) 1 In the Edit workspace, open or create an image that contains transparency, and choose File > Save For Web. 2 In the Save For Web dialog box, select GIF, PNG-8, or PNG-24 as the optimization format. 3 Select Transparency. 4 For the GIF and PNG-8 formats, specify how to treat partially transparent pixels in the original image. You can blend these pixels with a matte color, or you can create hard-edged transparency. More Help topics "About the GIF format" on page 290 "About the PNG-8 format" on page 290 "About the PNG-24 format" on page 291 Create a matted GIF or PNG image When you know the background color of the web page on which an image will be displayed, you can use the matting feature to fill or blend transparent pixels with a matte color that matches the web page background. 1 In the Edit workspace, open or create an image that contains transparency, and choose File > Save For Web. 2 In the Save For Web dialog box, select GIF, PNG-8, or PNG-24 as the optimization format. 3 For GIF and PNG-8 format, do one of the following: • To keep fully transparent pixels transparent, and blend partially transparent pixels with the matte color, select Transparency. This option prevents the halo effect you see when you place an anti-aliased image on a web page background that differs from the image background. This option also prevents the jagged edges of hard-edged transparency. • To fill transparent pixels with the matte color and blend partially transparent pixels with the matte color, deselect Transparency. 4 Select a color from the Matte menu: • Eyedropper Color (to use the color in the eyedropper sample box) • White, Black, or Other (to select a color using the Color Picker) More Help topics "About the GIF format" on page 290 "About the PNG-8 format" on page 290 "About the PNG-24 format" on page 291 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

296
USING PHOTOSHOP ELEMENTS 10
Optimizing for the web
Last updated 1/2/2012
More Help topics
Adding layers
” on page
64
Optimized file formats for the web
” on page
288
Preserve background transparency in a GIF or PNG image
GIF and PNG-8 formats support one level of transparency—pixels can be fully transparent or fully opaque, but not
partially transparent. (By contrast, PNG-24 format supports multilevel transparency; that is, you can have up to 256
degrees of transparency in an image, ranging from opaque to completely transparent.)
1
In the Edit workspace, open or create an image that contains transparency, and choose File
> Save For Web.
2
In the Save For Web dialog box, select GIF, PNG-8, or PNG-24 as the optimization format.
3
Select Transparency.
4
For the GIF and PNG-8 formats, specify how to treat partially transparent pixels in the original image. You can
blend these pixels with a matte color, or you can create hard-edged transparency.
More Help topics
About the GIF format
” on page
290
About the PNG-8 format
” on page
290
About the PNG-24 format
” on page
291
Create a matted GIF or PNG image
When you know the background color of the web page on which an image will be displayed, you can use the matting
feature to fill or blend transparent pixels with a matte color that matches the web page background.
1
In the Edit workspace, open or create an image that contains transparency, and choose File
> Save For Web.
2
In the Save For Web dialog box, select GIF, PNG-8, or PNG-24 as the optimization format.
3
For GIF and PNG-8 format, do one of the following:
To keep fully transparent pixels transparent, and blend partially transparent pixels with the matte color, select
Transparency. This option prevents the halo effect you see when you place an anti-aliased image on a web page
background that differs from the image background. This option also prevents the jagged edges of hard-edged
transparency.
To fill transparent pixels with the matte color and blend partially transparent pixels with the matte color, deselect
Transparency.
4
Select a color from the Matte menu:
Eyedropper Color (to use the color in the eyedropper sample box)
White, Black, or Other (to select a color using the Color Picker)
More Help topics
About the GIF format
” on page
290
About the PNG-8 format
” on page
290
About the PNG-24 format
” on page
291