Bézier Splatting for Fast and Differentiable Vector Graphics Rendering

  • 1Clemson University
  • 2Adobe research

Selected Image

Abstract

Differentiable vector graphics (VGs) are widely used in image vectorization and vector synthesis, while existing representations are costly to optimize and struggle to achieve high-quality rendering results for high-resolution images. This work introduces a new differentiable VG representation, dubbed Bézier Splatting, that enables fast yet high-fidelity VG rasterization. Bézier Splatting samples 2D Gaussians along Bézier curves, which naturally provide positional gradients at object boundaries. Thanks to the efficient splatting-based differentiable rasterizer, Bézier splatting achieves over 20× and 150× faster per forward and backward rasterization step for open curves compared to DiffVG. Additionally, we introduce an adaptive pruning and densification strategy that dynamically adjusts the spatial distribution of curves to escape local minima, further improving VG quality. Experimental results show that Bézier splatting significantly outperforms existing methods with better visual fidelity and 10× faster optimization speed.




Bézier Splatting enables high-fidelity image vectorization

Selected Image



Open curve comparison


Selected Image

Closed curve comparison


Selected Image

Editability and Compatibility with SVG XML Format


Selected Image

Our Bézier Splatting representation is compatible with the standard SVG XML format and supports flexible vector editing operations.


Training process visualization


Selected Image

Trained with 1024 closed and open curvers

Adaptability with Layer-wised Image Vectorization


Emoji

Adding one path at a time

Efficiency comparison

DiffVG Bézier splatting Speedup
OpenForward141.3 ms4.5 ms31.4×
Backward701.3 ms4.7 ms149.2×
ClosedForward85.2 ms14.1 ms6.0×
Backward448.3 ms24.58 ms18.2×
Forward and backward speed of DiffVG and Bézier splatting (tested on a 2,040×1,344 image, using 2,048 curves).