# Post-processing

Post-processing is a non-destructive effect that we can apply to the canvas to enhance it's visual.

Pixquare supports many effects that we can apply simultaneously, and we can add as many effect as we want.

{% hint style="info" %}
Even though we can apply multiple effects simultaneously, we cannot apply the same effect more than once.
{% endhint %}

Note that the order in which we apply the effects will yield different final result.

{% hint style="info" %}
Post-processing will have different results on the working canvas and the exported image. Size multiplier is the deciding factor of how big/small the differences are.
{% endhint %}

All effects have a toggle for "Pixel-independent". Pixel-independent means the app will use the screen's pixel as the unit, and inversely, pixel-dependent means it will use the canvas pixel as the unit when doing calculation.

### CRT

<figure><img src="https://1813203282-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOddm4yDredA8gF0g7cDm%2Fuploads%2FOmNaYxs3un9x9NNuqOKz%2FCRT.png?alt=media&#x26;token=2e06bd14-50f8-4603-8a53-c2d3bbbec1ec" alt="" width="563"><figcaption><p>Artwork by Thuy An</p></figcaption></figure>

This effect simulates the effect of the retro CRT display. The options for this effect are quite self-explanatory, so we won't go into their details.

### Vignette

<figure><img src="https://1813203282-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOddm4yDredA8gF0g7cDm%2Fuploads%2FCPSKo39dKsFHO45vnUlQ%2FVignette.png?alt=media&#x26;token=96e03972-01e0-4096-81f6-51706c0e33d8" alt="" width="563"><figcaption><p>Artwork by <a href="https://x.com/TonioPxl">Tonio</a></p></figcaption></figure>

This effect darkens the edges of the canvas

### Bloom

<figure><img src="https://1813203282-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOddm4yDredA8gF0g7cDm%2Fuploads%2FRPJZwqsmUXjP7jSwJ6rF%2FBloom.png?alt=media&#x26;token=2fa39ec9-aff5-4942-8c63-65392940ccff" alt="" width="563"><figcaption><p>Artwork by <a href="https://x.com/the08games">08games</a></p></figcaption></figure>

Add some glow around the bright areas of the canvas.

* Threshold: This will determine which color is categorized as bright. Color with the lightness (in HSL space) above the threshold will be bright. Only bright pixels can contribute the the bloom color.
* Radius: The bloom blending radius. In other words, how far a bright pixel can have an impact on other pixels.

### Round pixel

<figure><img src="https://1813203282-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOddm4yDredA8gF0g7cDm%2Fuploads%2FEb96uPIcLdaJD8l4cAUu%2FRound%20pixel.png?alt=media&#x26;token=52e7ec38-4aae-42b5-be96-b44d64a99253" alt="" width="563"><figcaption></figcaption></figure>

Turn square pixels into round ones.

* Contiguous: if this option is on, contiguous pixels with the same color will be connected and their adjacent edges won't be rounded
* Background color: fill color for the gaps
* Intensity: corner radius for the rounded pixels
