You can set the following options in the Export As dialog:
Format: Choose PNG, JPG, or GIF.
Format-specific setting: For PNG, specify whether you want to export assets with Transparency enabled (32-bit) or export smaller-sized images (8-bit). For JPEG, specify the desired image quality slider (1–7). GIF images are transparent by default. While exporting PNG assets, remember the following:
- Selecting Transparency generates 32-bit PNG assets
- Selecting Smaller File generates 8-bit PNG assets
- Leaving the above options deselected generates 24-bit PNG assets
Size: Specify the width and height of the image asset. Width and height are locked together by default. Changing the width automatically changes the height proportionately. If you want to specify the canvas bounds of the exported asset, see Canvas Size.
Scale: Choose how big the exported image should be. This option is useful for exporting larger- or smaller-resolution assets. Changing the scale impacts image size.
Resample: Choose a resampling method. Resampling refers to changing the amount of image data as you change either the pixel dimensions or the resolution of an image, typically while resizing an image.
-
Bilinear
: Adds pixels by averaging the color values of the surrounding pixels. This method produces medium-quality results.
-
Bicubic
: A slower but more precise method based on an examination of the values of surrounding pixels. Using complex calculations, Bicubic produces smoother tonal gradations than the Bilinear or Nearest Neighbor resampling methods.
-
Bicubic Smoother
: Good for enlarging images based on Bicubic interpolation, but designed to produce smoother results.
-
Bicubic Sharper
: Good for reducing the size of an image based on Bicubic interpolation while enhancing sharpening. This method maintains the detail in a resampled image. If Bicubic Sharper oversharpens some areas of an image, try using Bicubic.
-
Bicubic Automatic
: Automatically chooses the Bicubic sampling method appropriate for the image.
-
Nearest Neighbor
: Fast but less precise method that replicates the pixels in an image. This method is for use with illustrations containing edges that are not anti-aliased. It preserves hard edges and produces a smaller file. However, this method can produce jagged effects, which become apparent when you scale an image or perform multiple manipulations on a selection.
-
Preserve Details
: While resizing the image, this method places primary importance on the preservation of image details and sharpness.
Canvas Size: If your asset needs to occupy a certain width and height, specify those values as the Canvas Size. The Export As dialog updates the preview to center the image within those bounds. This option is useful in several scenarios, such as the following:
- You’re exporting icons that have various sizes, but that need to be centered within 50×50 px boxes.
- You’re exporting banner images that are smaller or larger than the required dimensions.
If the image is larger than the canvas size, it is clipped to the width and height values set for the canvas. If the canvas size is larger than the image, the new space will be filled depending on the content of your image. If you have a background layer, it will fill with white color. If you do not have a background layer and your format settings support transparency, the background layer will be transparent. If your file is using the Index color mode, it will fill with the final swatch in the color table. You can click Reset to revert the values to those set in Image Size.
Metadata: Specify whether you want to embed metadata—copyright and contact information—in the exported assets.
Color Space: Specify the following options that are selected by default:
-
Whether you want to convert the exported asset to the sRGB color space.
- Whether you want to embed the color profile in the exported asset.
