The Export Persona is a dedicated workspace for exporting layers, groups, and objects as export slices to different file formats and image sizes simultaneously. You'll also be able to export custom drawn slices.
The Export Persona uses a combination of panels and tools to create slices. Slices are export areas which you choose to output from your document.
The Layers panel, Export Options panel and Slices panel are used in combination in Export Persona. The Slice Tool is a unique tool in Export Persona which is used to create custom slices.
The Layers panel is different from the Layers panel in Draw Persona. It is used exclusively as a precursor for selecting layers, groups, or objects from which slices can be created, and added to the Slices panel.
When you export a Layers panel item as a slice, the slice will automatically size to what is considered to be the extent of the selected item. A circle symbol at the top right of the slice indicates that it is auto-sized. If you choose to resize the slice, the symbol changes to a square, indicating that the slice has been modified. A resized slice created from a Layers panel item can be reset to 'auto-sized' at any point.
The Export Options panel lets you set up your default export settings, or settings for the currently selected item prior to slice creation.
The Slices panel stores all your slices (from the Layers panel or Slice Tool) ready for export directly from the panel. Each created slice has an initial export format (e.g., PNG, JPEG, or SVG) associated with it on creation, with additional export formats being added per slice if needed; each export format lets you export at different size scaling or absolute sizes.
You can use the filenames in the Slices panel to specify (or create) a folder hierarchy in which to place your exported files. This is achieved through the use of the forward slash, or oblique, character.
For example, a PNG hero image could be placed within an img folder within an assets folder using the following syntax: assets/img/hero
If any part of the folder structure does not exist, the folder hierarchy will be created when the appropriate slices are exported using Export Slices (n).
When exporting slices via the Export Persona, the slice export size (1x, 2x, 3x, etc.) is linked with your document's DPI. The table below shows how DPI and export size affect export dimensions, using a 64x64 px document as an example.
DPI setting for a 64x64 document | Export dimensions (in pixels); Exported DPI | ||
---|---|---|---|
1x | 2x | 3x | |
72 | 64x64; 72 | 128x128; 144 | 192x192; 216 |
96 | 64x64; 96 | 128x128; 192 | 192x192; 288 |
144 | 32x32; 72 | 64x64; 144 | 96x96; 216 |
192 | 32x32; 96 | 64x64; 192 | 96x96; 288 |
216 | 21x21; 72 | 42x42; 144 | 64x64; 216 |
288 | 21x21; 96 | 42x42; 192 | 64x64; 288 |
The Slice Tool gives you full freedom to create export areas of all sizes, over any part of your document.
The settings will be used when your next slice is created.