Mar 23, 2023
[vector vision]
PNG:
Raster image format, meaning it is made of pixels.
Lossless compression, so no quality is lost when saved.
Supports transparency (alpha channel).
May appear pixelated when zoomed in or scaled up, as it has a fixed resolution.
SVG:
Vector image format, meaning it is made of shapes defined by mathematical equations.
Infinitely scalable without losing quality.
Usually smaller file sizes for simple images.
Not all p5.js functions may work well with SVGs, and performance could be affected with complex images.
