◆ Illustrator · export

Standards and Export Presets

Define export presets and a visual standard for branch offices: create an SVG export preset optimised for web, a PNG e…

2heights
2tasks
1roles do it

The same job, four prompts

do it · improve it · decide · become
AExecute — “help me do it”Define export presets and a visual standard for branch offices: create an SVG export preset…+
Define export presets and a visual standard for branch offices: create an SVG export preset optimised for web, a PNG export at 72 and 300 dpi, and a short guideline on using the approved colour palette and typography.
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed.
BImprove — “do it better”Make the standard enforcement-ready for digital teams: publish export presets for SVG, WebP and…+
Make the standard enforcement-ready for digital teams: publish export presets for SVG, WebP and PNG, include an SVG optimisation step that strips hidden metadata, specify filename conventions and exact palette swatches, and produce a one-page checklist branches must complete before upload.
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed.

How to do it

the tool · the steps · what to avoid
The tool
Export for Screens

Export artboards and selected assets in various formats and sizes for screen use.

  1. 1

    Open your document in Adobe Illustrator.

  2. 2

    Select File > Export > Export for Screens.

    Best practiceUse the keyboard shortcut Ctrl + Alt + E (Windows) or Cmd + Opt + E (Mac) to open the dialog quickly.

  3. 3

    In the Export for Screens dialog, select the Artboards tab to export entire artboards.

  4. 4

    Alternatively, select the Assets tab to export specific artwork.

    NoteRight-click selected artwork and choose 'Collect for Export' to add it to the Assets tab.

  5. 5

    Choose which artboards or assets to export.

  6. 6

    Under Formats, select the desired export settings.

    NoteIllustrator runs the export process in the background by default.

  7. 7

    Edit the format settings as needed for each scale or file type.

    CautionEnsure 'Use Artboards' is selected to avoid unexpected pixel offsets in some exports.

  8. 8

    Click Export Artboard or Export Asset to save your files.

For consistent results, expand all strokes and convert live text to outlines before exporting for screens.

Illustrator's 'Export for Screens' can be automated for batch processing of assets and artboards.

Glossary

words on this page
Export for ScreensA feature for quickly exporting assets in various formats and resolutions for web and app use.ExampleYou quickly generate a button icon in multiple sizes and formats for an app.
Export ArtboardTo save the content of a specific artboard as a separate file in a chosen format.ExampleYou export artboard 2 as a JPEG to send a preview of just that page to your client.
Export AssetTo save a selected design element as a separate file for use in other applications or projects.ExampleYou save a logo as a PNG file from your design software to use on a website.
ArtboardsPrintable areas on the canvas that represent individual pages or assets in your document.ExampleYour document has three artboards, one for the front of a business card, one for the back, and one for the logo.
SwatchesA palette for storing and applying reusable colors, gradients, and patterns to objects.ExampleYou click a red swatch to instantly apply that exact shade of red to your selected text.

The real tasks

1 of them
Define visual standards and export presets so all branch offices deliver web-optimised, historically accurate images the same way.

Who does this

1 roles
Historian

Questions people ask

honest answers

Because you rarely think 'I want the redaction tool'. You think 'I have to share this without leaking the client's details'. Start from the need, and the feature finds you.

Real. Every job here was drawn from what people in real roles were actually seen doing in Illustrator — not a feature checklist.

No. Each page gives you a ready prompt you can paste into an AI assistant, plus the plain steps to do it yourself. Start with either — the goal is the finished job, not the tool.