📖 Step 4: Design - Research & Process#97 / 350

Raster / Vector

📖One-line summary

Raster (pixels, JPG) vs vector (math, SVG). Vectors scale without blurring.

Raster (pixels) vs vector (math) images

Raster (when zoomed)

Pixelated

Vector (when zoomed)

Always sharp

Write a script that converts SVG vector icons into React components. Let me change size and color via props.

Build a web tool that converts an uploaded raster image (PNG) into an SVG vector. Use the potrace library.

Try these prompts in your AI coding assistant!