Task path / input to outcome
How to filter a photo locally
- 01
Choose a local image
Select Choose local image and pick a PNG, JPEG, or WebP file up to 12 MiB; SVG and GIF are refused because the pipeline is raster-only, and an empty file is rejected with its own message. The photo opens inside this tab and is never uploaded. If you want to explore first, Load sample builds a 1200 × 800 gradient PNG on a local Canvas, so even the example image is created on your machine.
- 02
Pick a filter
Open the Filter select and choose Original, Aurora, Noir, Sunset, or Vivid; Aurora is selected when the workspace opens. Original applies no color change at all and simply re-encodes the image as a fresh PNG, while the other four are real Canvas filter recipes — Aurora lifts brightness and saturation with a cool hue shift, Noir goes grayscale with extra contrast, Sunset warms through sepia, and Vivid pushes saturation hardest.
- 03
Set the intensity
Drag the Intensity slider anywhere from 0% to 100%; it starts at 76%. The value interpolates every parameter of the chosen recipe between the untouched photo and the full-strength effect, so 0% always looks like Original no matter which filter is selected, and small moves around the default give subtle, predictable grades.
- 04
Apply the filter
Press Apply filter locally. The file is decoded in the browser, and only then are its dimensions checked: each edge must stay within 8,192 px and the frame within 30 million pixels, otherwise a specific error names the problem. Changing the filter, the intensity, or the source image clears the previous result, so the workspace never shows stale output.
- 05
Download the PNG
When the render finishes, the preview switches from the source photo to the filtered output and the status reads PNG ready. Download filtered PNG saves toolars-instagram-filter.png at the exact resolution of the source — a 4,000 × 3,000 photo stays 4,000 × 3,000 — and Reset returns the workspace to Aurora at 76% with no image loaded.