◆ Adobe Illustrator

When you need to export

Export SVG, AI, or PDF. These are the workflows people run in Illustrator to export, the busiest ones first — each with a prompt in four ways.

69workflows
154real tasks

The workflows

69 in all · busiest first
exportDesign StandardizationAudit press assets on the master artboard, standardise file names and export variants at…6 tasks → exportSVG OptimizationCreate and govern a palette and linked swatches library so all artwork matches printed paint…6 tasks → exportAsset ExportExport a clean scalable SVG of the compliance seal optimised for vendor portals, with minimal…4 tasks → exportAsset ManagementPublish a controlled library of panel and connector SVGs into the observatory asset system,…4 tasks → exportCreate Visual AssetsPrepare an export package with separate transparent assets for ad ops: export campaign logo,…4 tasks → exportFile PackagingPackage the full artwork folder for the pressroom: embed fonts, collect linked images, include…4 tasks → exportAccessibility CheckRun a quick link label sweep across the PDF proof to ensure link text is descriptive, convert…2 tasks → exportArtwork ReviewReview submitted pieces for the public showcase: clean up traced paths, remove identifying…2 tasks → exportAsset Management StandardsDefine and save standard artwork export settings for all branches: create asset export presets…2 tasks → exportAsset PreparationCreate an export-ready asset set and audit trail for IT: save icons and templates for screens,…2 tasks → exportBoundary Path CleanupClean and simplify complex traced boundary paths from a site survey: remove redundant anchors,…2 tasks → exportBrand StandardsExport labeled site photographs and icons at required sizes: 1200px, 600px, 200px, and 64px…2 tasks → exportCompliance ReviewExport plan and elevation art at three sizes for client PDFs and contractor files: prepare…2 tasks → exportContour Line CleanupImage-trace the scanned soil profile sketch, clean up contour and layer-boundary paths,…2 tasks → exportCourt GraphicsProduce final optimised scalable exhibit graphics for electronic court filing so documents…2 tasks → exportCreate Asset FolderSet up the shared asset folder with labeled export sizes and an easy-to-drop office asset:…2 tasks → exportCreate Export TemplatesEstablish standardized templates and packaged files so branch managers can export compliant…2 tasks → exportCreate LabelsBuild a printable parts label sheet on an A4 artboard with repeatable label cells, registration…2 tasks →

Questions people actually ask

with the jobs and tasks they touch

Exporting as SVG is common for web and interface projects. SVG keeps vector details and works well online. Web Designers and Urban Planners often use SVG because it's scalable and lightweight.

  1. Go to File > Export > Export As…
  2. Name your file and select SVG as the format.
  3. Click Export, then choose SVG options.
  4. Select 'SVG 1.1' or 'SVG Tiny' for web, and set styling to 'Presentation Attributes'.
  5. Click OK to finish exporting.
see alsoUrban Planner →Web Designer →Icon →Adobe's official guide ↗

Each format serves a different purpose. SVG is best for web and interactive graphics, AI keeps all Illustrator features for editing, and PDF is perfect for print or sharing with people who don't have Illustrator.

FormatBest UseEditable in Illustrator
SVGWeb/interactive; scalable vectorPartially
AIFuture editing in IllustratorFully
PDFPrint and sharing filesMostly (if kept editable)
see alsoInteractive Graphics →

To keep layers, transparency, and text editable, set the correct options when exporting as PDF. Industrial Designers often do this for smooth handoff and review.

  1. Go to File > Save As… and pick Adobe PDF (*.PDF).
  2. In PDF options, check 'Preserve Illustrator Editing Capabilities'.
  3. Under 'General', select 'Create Acrobat Layers from Top-level Layers'.
  4. Choose a PDF preset like 'High Quality Print'.
  5. Click Save PDF.
see alsoIndustrial Designer →Layout →Adobe's official guide ↗

Reducing file size makes SVGs load faster on web pages. Campaign Managers often need smaller files for digital campaign assets.

  1. Choose File > Export > Export As… and select SVG.
  2. In SVG Options, set 'CSS Properties' to 'Presentation Attributes'.
  3. Select 'SVG 1.1' and uncheck 'Include XMP'.
  4. Set 'Decimal' to 1 or 2 for fewer points.
  5. Click OK.
see alsoCampaign Manager →Icon →

If your file has multiple artboards and you want a PDF per artboard, use the export options. Asset Managers do this to keep projects organized and easy to share.

  1. Go to File > Save As… and select Adobe PDF.
  2. In the 'Save As' window, check 'Use Artboards'.
  3. Choose 'All' or select a range of artboards.
  4. Check 'Save each artboard as a separate file'.
  5. Click Save PDF.
see alsoLayout →

SVG is best for icons that need to scale or be interactive (like web apps). PNG is better for fixed-size, pixel-based images. SVG works with CSS and stays sharp at any size.

FormatBest ForScalability
SVGWeb, UI, scalable iconsYes
PNGFixed-size, bitmap imagesNo
see alsoIcon →

Common issues include missing fonts, color shifts, and low-resolution images. Compliance Managers and Law Clerks need to check files for print standards. Always embed fonts and use CMYK color mode.

  • Fonts not embedded or missing
  • RGB colors instead of CMYK
  • Images too low resolution
  • Transparency not flattened
  • Bleed and trim marks missing
see alsoCompliance Manager →Law Clerk →Layout →

You can export assets at multiple sizes using the Export for Screens feature. Digital Campaign Managers use this to prepare logos and icons for various devices.

  1. Go to File > Export > Export for Screens.
  2. Select the artboards or assets you want.
  3. Add scale factors (like 1x, 2x, 3x) in the Export panel.
  4. Choose output formats (PNG, SVG, etc).
  5. Click Export Artboard or Export Asset.
see alsoDigital Campaign Manager →Logo →

Before sending files, check font embedding, color mode (CMYK for print, RGB for web), and that all links are included. Urban Planners and Interior Designers often send artwork to clients who may not use Illustrator.

  • Embed or outline all fonts
  • Check color mode matches purpose
  • Embed images or link them properly
  • Remove hidden/unused layers
  • Set correct bleed and trim marks
  • Package files if client needs assets
see alsoInterior Designer →Urban Planner →Layout →

Automating export tasks saves time if you export similar files often. Electronics Technicians Observatory staff may automate exports for regular reports or graphics.

  1. Go to Window > Actions to open the Actions panel.
  2. Create a new action and record your export steps.
  3. Stop recording when done.
  4. Select files, then play the action to repeat the export.
  5. For advanced automation, use File > Scripts > Other Script.
see alsoDraw →

Exporting allows you to use the same file settings and formats across projects. This keeps colors, fonts, and layouts consistent. Design Standardization ensures that all exported files look the same, which is important for branding and recognition.

see alsoDesign Standardization →Logo →

Yes, you can preview export quality by opening the exported file in a viewer or another program (like Acrobat for PDFs, or a browser for SVGs). You can also zoom in to check details. Reproduction Quality tasks often require this extra check.

see alsoReproduction Quality →

'Save As' is for creating editable copies in AI, PDF, or EPS, keeping all Illustrator features. 'Export As' is for making files like SVG, PNG, or JPG for web or print, usually flattening layers and effects.

CommandBest ForEditable Layers
Save AsEditable formats (.ai, .pdf, .eps)Yes
Export AsWeb/flat formats (.svg, .png, .jpg)No

SVG files may look different because not all effects or fonts are supported in browsers. Try simplifying effects, expand strokes, and outline fonts before export. Web Designers often do this to match their designs.

  • Expand strokes and shapes
  • Outline all fonts
  • Remove complex effects
  • Check colors (use web-safe if needed)
  • Preview SVG in browser before finalizing
see alsoWeb Designer →Icon →

AI-powered features in Illustrator help by suggesting export settings or automating repetitive tasks, especially for common assets. But you still need to review settings to match your project's needs.

If images or fonts are missing, they were probably linked but not embedded or packaged. Always embed all fonts and images, or use File > Package before exporting your PDF.