Skip to main content

What Are Presets?

Presets are one-click optimized configurations that automatically adjust multiple settings for specific image types. Think of them as “smart modes” that do the heavy lifting for you.

🎯 Quick Rule

Not sure which preset to use? Start with Illustration — it’s optimized for 90% of use cases and provides the best balance of quality, speed, and file size.

What Presets Control

Each preset automatically configures:

Quality

Curve precisionHow accurately curves match the original

Detail

Noise filteringHow small shapes are preserved or removed

Colors

Color limitMaximum number of colors in output

Draw Style

Rendering methodFill shapes, stroke shapes, or edge outlines
Presets are starting points! You can always manually adjust individual settings after selecting a preset. They’re optimized defaults, not rigid rules.

🏷️ Logo Preset

Optimized for: Clean, simple graphics with limited colors

Best Use Cases

Company LogosBrand marks, wordmarks, monograms

App IconsiOS, Android, web favicons

Badges & SealsCertificates, stamps, emblems

Simple GraphicsPictograms, simple illustrations

Flags & SymbolsCountry flags, road signs

Labels & TagsProduct labels, stickers

Technical Settings

ParameterValuePurpose
QualityStandard (0.1)Balanced precision and speed
Detail30 (min_area: 3.65px)Aggressive noise removal
Colors16Limited palette for clean logos
Draw StyleFill ShapesSolid color fills
Fill GapsEnabledPrevents rendering artifacts

✅ Use Logo Preset When

Perfect for:
  • Logos with geometric shapes
  • Icons with solid colors
  • Graphics with clear boundaries
  • Images with 1-5 main colors
Why: Logo preset removes noise aggressively, perfect for clean graphics
Perfect for:
  • Flat color logos (no gradients)
  • 2-color or 3-color designs
  • High-contrast images
  • Solid fills (no transparency)
Why: 16-color limit simplifies palette while preserving main colors
Perfect for:
  • Web logos (fast loading)
  • App icons (small bundle size)
  • Email signatures
  • Favicon conversions
Why: Produces smallest file sizes (typically 5-50 KB)
Perfect for:
  • Downloaded JPEG logos
  • Screenshots of logos
  • Client-provided low-quality files
  • Removing JPG artifacts
Why: Detail setting of 30 removes compression artifacts automatically

❌ Don’t Use Logo Preset For

Avoid Logo preset when:
  • Complex illustrations with many colors or gradients
  • Photographs or photo-realistic images
  • Hand-drawn sketches with texture
  • Detailed artwork with fine features
  • Images with gradients or subtle shading
→ Use Illustration or High-Fidelity instead

💡 Pro Tips

Logo preset automatically removes compression noiseBefore converting:
  • JPEG logo from website (artifacts visible)
  • Compression noise around edges
  • Color banding
After Logo preset:
  • ✓ Clean, crisp edges
  • ✓ Noise removed
  • ✓ Smooth colors
Perfect for salvaging low-quality client logos!

Expected Results

MetricRangeNotes
File Size5-50 KBVery small, web-optimized
Processing Time5-10 secFast conversion
Editability⭐⭐⭐⭐⭐Simple paths, easy to modify
Accuracy⭐⭐⭐⭐Clean edges, simplified details

🎨 Illustration Preset

Optimized for: Balanced detail, rich colors, general use Recommended starting point for 90% of users

Best Use Cases

Flat IllustrationsVector art, digital paintings

UI GraphicsOnboarding, marketing visuals

Stock ImagesDownloaded illustrations

Design ElementsDecorative patterns, backgrounds

InfographicsData visualization graphics

Presentation GraphicsSlides, decks, reports

Technical Settings

ParameterValuePurpose
QualityStandard (0.1)Good precision, fast processing
Detail50 (min_area: 2.75px)Balanced noise filtering
Colors32Rich color palette
Draw StyleFill ShapesStandard filled shapes
Fill GapsEnabledSmooth rendering

Why This is the Default Choice

Perfect Balance

  • Not too aggressive (like Logo)
  • Not too slow (like High-Fidelity)
  • Just right for most images

Handles Most Images

  • Simple graphics: ✓ Works great
  • Medium complexity: ✓ Perfect
  • Complex art: ✓ Good starting point

Optimal File Size

  • Smaller than High-Fidelity
  • More detailed than Logo
  • 50-200 KB typical range

Fast Processing

  • 10-15 seconds average
  • Quick preview testing
  • Efficient workflow

✅ Use Illustration Preset When

  • Not sure which preset to choose (default choice!)
  • Converting flat design illustrations
  • Image has moderate detail (not too simple, not photo-realistic)
  • Color palette has 5-30 colors
  • You want quick, reliable results without tweaking
  • General purpose vectorization

💡 Pro Tips

Start with Illustration (Detail 50), then fine-tune:
  • Simple flat art: Reduce Detail to 30-40
  • Textured illustrations: Increase Detail to 60-70
  • Standard illustrations: Keep at 50 (default)
Use HD Preview (2 credits) to test!
Illustration preset excels at:
  • Stock illustration conversions
  • Infographic elements
  • Presentation graphics
  • Social media visuals
Preserves enough detail while keeping files manageable.
After vectorizing with Illustration preset:
  1. Convert to Figma component (Cmd/Ctrl + Alt + K)
  2. Adjust colors to match design system
  3. Add to component library
  4. Create variants for different states
Perfect for building reusable UI elements!

Expected Results

MetricRangeNotes
File Size50-200 KBMedium, practical
Processing Time10-15 secQuick turnaround
Editability⭐⭐⭐⭐Manageable complexity
Accuracy⭐⭐⭐⭐⭐Preserves important details

✏️ Line Art Preset

Optimized for: Hand-drawn sketches, outlines, technical drawings

Key Difference: Stroke-Based Output

Fill Shapes (Other Presets)

  • Closed shapes with color fills
  • Like “coloring inside the lines”
  • Best for solid graphics
  • Standard vectorization

Stroke Shapes (Line Art)

  • Paths with stroke weight
  • Like “drawing with a pen”
  • Best for outlines
  • Adjustable line thickness!

Best Use Cases

Hand SketchesPencil/ink drawings, doodles

Technical DrawingsBlueprints, wireframes, diagrams

Coloring PagesOutlines for later coloring

CalligraphyHand lettering, brush strokes

ArchitecturalFloor plans, elevations

ComicsLine work, panel outlines

Technical Settings

ParameterValuePurpose
QualityHigh (0.05)Precise line capture
Detail70 (min_area: 1.85px)Preserve fine strokes
Colors8Focus on lines, minimal fills
Draw StyleStroke ShapesLines, not fills!
Fill GapsDisabledPreserve gaps in outlines

✅ Use Line Art Preset When

  • Original is a hand-drawn sketch or line drawing
  • Image is mostly black lines on white (or vice versa)
  • You plan to add colors later in Figma
  • You want adjustable stroke weight after conversion
  • Converting coloring book pages
  • Creating outline versions of illustrations

❌ Don’t Use Line Art Preset For

  • Full-color illustrations → Use Illustration
  • Logos with solid shapes → Use Logo
  • Photos or realistic images → Use High-Fidelity
  • Graphics that need filled shapes → Use Illustration

💡 Pro Tips

Huge advantage of Line Art preset:After vectorizing:
  1. Select all paths (Cmd/Ctrl + A)
  2. Change Stroke weight in properties
  3. Make lines thicker or thinner
  4. No need to re-convert!

Expected Results

MetricRangeNotes
File Size10-100 KBSmall to medium
Processing Time15-20 secSlightly slower (high quality)
Editability⭐⭐⭐⭐⭐Stroke-based, very flexible
Accuracy⭐⭐⭐⭐⭐Captures fine lines precisely

🌟 High-Fidelity Preset

Optimized for: Maximum detail, complex artwork, photo-realistic images

Technical Settings

ParameterValuePurpose
QualityUltra (0.01)Maximum curve precision
Detail80 (min_area: 1.4px)Minimal noise removal
Colors256Full color spectrum
Draw StyleFill ShapesStandard rendering
Fill GapsEnabledClean rendering

⚠️ Important Trade-Offs

Before using High-Fidelity, consider:
Trade-OffImpact
🐢 Slower Processing30-60 seconds (vs 10-15 for Illustration)
📦 Larger Files500 KB - 2 MB (vs 50-200 KB)
🎨 Complex PathsHarder to edit, more anchor points
💰 Same CostStill 10 credits (not cheaper or more expensive)
Recommendation: Always try Illustration first, upgrade if losing critical details.

✅ Use High-Fidelity When

Situation: You tried Illustration, but fine features disappearedSolution: High-Fidelity preserves:
  • Intricate patterns
  • Fine textures
  • Subtle gradations
  • Complex overlapping shapes
Use cases:
  • Large-format prints
  • Poster designs
  • Art projects
  • Portfolio pieces
Why: When output quality is paramount
Perfect for:
  • Detailed digital art
  • Comic book art
  • Editorial illustrations
  • Album covers
Why: Preserves artistic intent and fine details

❌ Don’t Use High-Fidelity For

  • Simple logos → Total overkill, use Logo
  • Everyday illustrationsIllustration works great
  • Web graphics → Files too large, use Illustration
  • First attempts → Start with Illustration, upgrade if needed
  • Quick tests → Too slow for experimentation

💡 Pro Tips

Best practice workflow:
  1. Try Illustration preset first (10 credits)
  2. Evaluate if details are lost
  3. If satisfied → Done!
  4. If not → Try High-Fidelity (another 10 credits)
Why: 70% of time, Illustration is enough. Save time and avoid complexity.

Expected Results

MetricRangeNotes
File Size500 KB - 2 MBLarge, not web-optimized
Processing Time30-60 secSlow, be patient
Editability⭐⭐⭐Complex, many paths
Accuracy⭐⭐⭐⭐⭐Near-perfect fidelity

Preset Comparison Table

FeatureLogoIllustration ⭐Line ArtHigh-Fidelity
Best ForSimple graphicsGeneral useSketches/outlinesComplex art
QualityStandardStandardHighUltra
Detail LevelLow (30)Medium (50)High (70)Very High (80)
Colors16328256
Draw StyleFillFillStrokeFill
File Size5-50 KB50-200 KB10-100 KB500 KB-2 MB
Speed⚡⚡⚡ Fast⚡⚡ Medium⚡⚡ Medium⚡ Slow
Editability⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
Recommended Use10% of cases70% of cases ⭐10% of cases10% of cases

How to Choose: Decision Tree

1

Identify Your Image Type

Characteristics:
  • Few colors (1-5)
  • Geometric shapes
  • Clean edges
  • No gradients
Logo preset
2

Use HD Preview to Test

  • Click HD Preview (only 2 credits)
  • Evaluate the result
  • Satisfied? → Convert! (10 credits)
  • Not satisfied? → Try different preset or adjust settings
3

Experiment Without Fear

Remember:
  • Previews are only 2 credits each
  • Try multiple presets
  • Find what works for YOUR image
  • No “wrong” choice—just optimize!
Presets are guidelines, not rules. You can always manually adjust any preset’s settings for custom optimization. Learn about Core Settings →

Next Steps