# png Demos
## Basic PNG Export
Simple sprite rendered to PNG format at 1x scale.
<div class="demo-source">
```jsonl
{"type": "sprite", "name": "pixel_art", "size": [4, 4], "palette": {".": "#00000000", "r": "#FF0000", "g": "#00FF00", "b": "#0000FF", "w": "#FFFFFF"}, "grid": ["rrrr", "gggg", "bbbb", "wwww"]}
```
</div>
<div class="demo-container" data-demo="basic">
</div>
## Scaled PNG Export
Sprite rendered at various scale factors (2x, 4x, 8x) using nearest-neighbor.
<div class="demo-source">
```jsonl
{"type": "sprite", "name": "scalable", "size": [3, 3], "palette": {".": "#00000000", "x": "#4A90D9", "o": "#E74C3C"}, "grid": ["xox", "oxo", "xox"]}
```
</div>
<div class="demo-container" data-demo="scaled">
</div>