◆ Illustrator · trace

Design Optimization

Audit and optimise SVG assets for the investor portal to reduce load: simplify paths, remove metadata, and export mini…

2heights
8tasks
4roles do it

The same job, four prompts

do it · improve it · decide · become
AExecute — “help me do it”Audit and optimise SVG assets for the investor portal to reduce load: simplify paths, remove…+
Audit and optimise SVG assets for the investor portal to reduce load: simplify paths, remove metadata, and export minified SVGs and a combined sprite where suitable.
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 portal icons production‑grade for the CTO and web team: audit each SVG for unnecessary…+
Make the portal icons production‑grade for the CTO and web team: audit each SVG for unnecessary nodes and styles, simplify paths, remove hidden elements and metadata, optimize for smallest file size, and provide both individual minified SVGs and a combined sprite with usage notes.
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
Image Trace

Image Trace converts raster images like JPEGs, PNGs, and PSDs into editable vector artwork.

  1. 1

    Create a new Illustrator document by choosing File > New.

  2. 2

    Select File > Place, choose your raster image, and place it on the canvas.

    NoteImage Trace will be grayed out if the placed image is already a vector.

  3. 3

    With the image selected, open the Image Trace panel via Window > Image Trace.

    NoteAlternatively, select a preset from the Control panel.

  4. 4

    Check the Preview box in the Image Trace panel to see real-time changes.

  5. 5

    Select a mode from the Mode dropdown menu that best suits your design.

  6. 6

    Adjust the Colors, Grays, or Threshold slider as needed.

  7. 7

    Select Manage Presets to create, save, or manage custom presets.

  8. 8

    Press and hold next to View to compare the traced image with the source image.

  9. 9

    Click the Expand button in the Control panel or Object > Image Trace > Expand.

    Best practiceAfter expanding, use the Direct Selection Tool (white arrow) to fix awkward curves or jagged lines.

  10. 10

    Ungroup the traced image by selecting Object > Ungroup to edit individual vector paths.

For best results, always start with a high-quality raster image before using Image Trace.

Image Trace functionality is not directly exposed through Illustrator's scripting API for automated vectorization.

Glossary

words on this page
Selection toolA primary tool used to select, move, and resize entire objects in your artwork.ExampleYou use the Selection tool to grab a photo and drag it to a new position on the page.
Image TraceA feature that converts raster images into editable vector artwork.ExampleA scanned drawing is converted into editable vector lines and shapes.
UngroupTo separate grouped objects into individual, editable components while maintaining their original positions.ExampleTo adjust one shape within a logo, you first Ungroup the entire design.
AssetsReusable design elements, such as graphics, text styles, or colors, stored for easy access.ExampleYour company logo, brand colors, and standard fonts are saved as assets for quick use in any design.
ExpandA command that converts appearances, effects, or objects into editable paths.ExampleYou expand a brush stroke to turn its appearance into a solid, editable shape.

The real tasks

4 of them
Audit and optimise the SVG assets used on the investor portal to reduce page load and ensure icons scale cleanly on all devices.
Audit exported assets and optimise their code so the web retrieval system serves minimal-weight scalable images.
Audit and simplify the archive's existing complex vector labels so they open reliably in the records management system without errors.
Audit and simplify complex icon paths to reduce render time and improve page load on low-bandwidth devices.

Who does this

4 roles
Finance ManagerRecords ManagerRecords ClerkWeb Designer

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.