Shapes
Pattern - PNG vs SVG
Output Format - PNG vs CSS
PNG
SVG
PNG
CSS
End
Note: hover over the shapes to zoom-in and checkout the output quality differences.