Image Filter Studio — 28 Instagram-Style Presets & 18 Live Adjustment Sliders

What is an image filter studio?

An image filter studio is a browser-based tool that applies aesthetic colour grading to a photo — the kind of look produced by Instagram filters, VSCO presets, or Lightroom presets. It gives you two ways to work: one-click presets that apply a curated combination of adjustments, and individual adjustment sliders for fine-tuning. Most free tools stop at the presets; this studio gives you both, plus the ability to save your own presets.

The core concept is that a "filter" is not a single operation — it is a recipe. Clarendon is high contrast plus a cool tint plus a slight vignette. Juno is warm plus punchy saturation plus a small fade. When you understand that a preset is just a saved combination of individual adjustments, the whole approach becomes clearer: the preset gets you to a look fast, and the sliders let you push it exactly where you want it to go.

This tool runs entirely in your browser. Your image is decoded from a local file, edited pixel-by-pixel in memory on a canvas, and re-encoded with the browser's native encoder when you download. Nothing is uploaded to a server — which means you can safely filter private photos without worrying about whether they will be retained, logged, or used for training.

💡 Quick example. A flat, cool-toned portrait shot on an overcast day can be fixed in two moves: apply the Valencia-style preset to warm the overall tone, then drop the temperature slider another 10 points and add +10 vibrance to bring life back into the skin without over-saturating. The result looks nothing like the original but also nothing like an obvious filter.

How to apply filters to a photo

1. Add your image. Drag it onto the upload area, click to browse, or copy an image and paste it anywhere on the page. The image loads instantly — no upload.
2. Pick a preset. Browse the 28 presets, grouped by category: Classic IG (Clarendon, Juno, Lark, Nashville, etc.), Vintage, Modern, and Black & White. Live thumbnails show each preset applied to your actual image, so you can see the effect before clicking.
3. Set the preset intensity. The intensity slider controls how strongly the preset is applied. At 100% you get the full look; at 50% you get a subtle version; at 0% the preset is effectively off. Most modern looks work best between 60% and 85%.
4. Fine-tune with individual sliders. The 18 adjustment sliders let you push specific aspects further: brightness, contrast, exposure, saturation, vibrance, temperature, tint, highlights, shadows, hue, fade, grain, vignette, sharpness, blur, sepia, grayscale, and invert. Each updates the preview live, and the value chip turns solid purple when a slider is not at its default.
5. Save the look as a custom preset. When you are happy with the combination, click Save current as preset, give it a name, and it appears under the My presets tab. Custom presets capture the active preset, its intensity, and every manual override. They survive page reloads.
6. Compare with the split view. Drag the vertical divider to see the original on the left and the filtered version on the right. Use the view tabs to see either side full-size, and the Hide split button to temporarily disable the divider.
7. Download or copy. Choose PNG (lossless), JPEG (universal), or WebP (smallest), then click Download or Copy to clipboard. The download filename includes the preset name (for example photo-clarendon.png). Copy recipe copies the current filter values as JSON.

The 28 presets, grouped by character

The presets below are grouped into four categories. Each recreates the visual language of a well-known aesthetic — they are not the proprietary LUTs of any specific app, but open recipes that produce a very similar mood.

Classic Instagram presets

These mimic the filters that defined Instagram's early visual identity (2011–2018). They are warm, contrasty, and immediately recognisable as "social media filtered."

• Clarendon — high contrast, cool tint, slightly crushed blacks. The most-used Instagram filter of the era; looks great on portraits and city shots.
• Juno — warm, high saturation, punchy reds and yellows. The classic food-blogger filter.
• Lark — desaturated, cool, slightly lifted shadows. An editorial-feeling filter that works well on landscapes and fashion.
• Nashville — warm, faded, with a soft magenta cast. Evokes vintage film and 1970s print magazines.
• Gingham — warm, low contrast, slightly desaturated. A soft, vintage-looking filter that is gentle on skin tones.
• Reyes — faded, washed-out vintage look with a slight green cast. Feels like an old polaroid.
• X-Pro II — high contrast with an exaggerated warm/cool split. Very strong, very 2012.
• Sierra — warm, soft, gently lifted blacks. A calm, editorial filter.
• Walden — faded, warm, high exposure. Washed-out in a good way.
• Hefe — warm gold, slight vignette, high saturation. Feels like summer evenings.

Vintage & film presets

• Kodachrome — rich reds, strong contrast, saturated but not overly warm. Emulates the legendary Kodak slide film.
• Faded Film — light fade, low contrast, subtle warm tint. The modern "shot on film" look.
• Polaroid — warm, faded, low contrast with slightly green shadows. Mimics instant film.
• Sepia Age — full sepia tone with soft contrast. Archival, antique feel.
• Old Print — warm, high grain, low saturation. Looks like a photograph in an old magazine.
• Cinematic — teal-and-orange colour grading with lifted blacks. The Hollywood blockbuster look.

Modern looks

• Vivid — high saturation, high contrast, bright. Pop colours without going neon.
• Velvet — deep contrast with rich shadows. Feels luxurious and moody.
• Matte — lifted blacks, muted saturation. The minimal, modern "flat" look.
• Moody — desaturated, cool, slightly dark. Good for moody portraits and atmospheric scenes.
• Clean — minimal adjustments: slight brightness, slight contrast, slight vibrance. Almost invisible but makes a photo look polished.
• Dreamy — soft, high exposure, low contrast, slight bloom. Airy and romantic.
• Golden Hour — warm, high saturation, soft contrast. Recreates the look of shooting at sunset.

Black & white looks

• Moon — high contrast B&W with a slight cool cast. Classic dramatic monochrome.
• Noir — very high contrast, crushed blacks, no midtone detail. The film-noir look.
• Inkwell — soft B&W with slight grain. Emulates old film prints.
• Silver — neutral B&W with balanced tones. The default, unopinionated B&W look.
• High Key B&W — bright, low-contrast monochrome. Soft and airy.
• Contrast B&W — strong midtone contrast with lifted highlights. Editorial black-and-white.

The 18 adjustment sliders, explained

Each slider controls one specific aspect of the image. Understanding what each does and how they interact is what separates a good edit from a random set of values.

Common colour-grading workflows

Beginners often max out every slider and end up with a mess. The following workflows reflect how experienced photographers actually edit.

Portrait retouching workflow

1. Start from a neutral preset such as Clean or Vivid at 50–60% intensity.
2. Drop the temperature slider by 5–10 points if the skin looks cold, or raise it slightly if it looks too pink.
3. Add +10 to +15 vibrance — not saturation — to bring life back into the skin without making it orange.
4. Nudge shadows up by 5–10 to open the face.
5. Add +5 to +10 sharpness on the eyes only if you have a mask (this tool applies sharpness globally, so keep the value low on portraits).
6. Avoid grain — it draws attention to skin texture and any imperfections.

Landscape workflow

1. Start from Vivid or Velvet at 70% intensity.
2. Raise contrast by 15–20 — landscapes benefit from punch.
3. Push vibrance up by 20–30 to make foliage and skies pop without affecting neutral tones.
4. Pull highlights down by 15–25 to recover sky detail if the horizon is blown out.
5. Add a small vignette at 20–30 to direct the eye into the frame.
6. Use +10 sharpness on the final image if you downscaled before exporting.

Food photography workflow

1. Start from Juno or Golden Hour at 60–70% intensity.
2. Raise temperature by 10–15 to add warmth — cooked food looks better warm.
3. Add +15 to +25 vibrance — this makes reds and yellows (tomatoes, sauces, bread) look appetising.
4. Add a small fade of 5–10 to soften the blacks and give a magazine-editorial feel.
5. Skip the vignette — food photography usually works better flat and evenly lit.

Saturation vs vibrance — the most confused pair

These two sliders look similar in intent but behave very differently. Saturation is a linear multiplier — every pixel gets more colour by the same proportion, which pushes already-saturated colours into clipping. Skin tones are already saturated, so boosting saturation quickly makes skin look orange and unnatural.

Vibrance is weighted. It boosts muted colours strongly and already-saturated colours weakly. On a portrait, this means the background foliage, clothing, and neutral tones get more colour, while the already-saturated skin stays close to its original tone. The practical rule: use vibrance for real photographs, use saturation for graphic or poster-like effects.

The formula above is a simplification — real vibrance algorithms also consider hue and luminance — but it captures the key idea: the more saturated a pixel already is, the less vibrance affects it.

Why preset intensity matters more than you think

Most filter tools apply the preset at full strength with no way to dial it back. That is a problem, because a preset that looks great on one image will look like a heavy-handed filter on another — especially on skin tones, or on images that already have strong colours. The preset intensity slider in this tool blends between the original image and the fully-applied preset, so you can dial the effect from subtle to full without touching individual sliders.

For most modern Instagram looks — the muted, low-contrast, "shot on film" aesthetic — the sweet spot is between 60% and 85%. At 100% the effect is often too strong; at 40% or below it barely reads. If you find yourself wanting a slightly different look, first try adjusting intensity before touching any slider. You will often find the preset you wanted was actually the preset at 70%.

Why your filter looks different after uploading to Instagram

Instagram applies its own compression and colour management on top of anything you upload. Even if your filtered image looks perfect in a browser, it can look softer, slightly shifted, or washed out after Instagram processes it. Four things cause the difference:

• Double compression. Instagram re-encodes every upload as JPEG. Fine grain and thin details can be smeared or removed by the second pass.
• Colour management. Instagram converts to its own colour space, which can shift saturated colours more than muted ones.
• Downscaling. Instagram stores images at a maximum of 1080 pixels on the long edge. If you uploaded a 4000-pixel image, it was downscaled and any fine sharpness was lost.
• Compression artefacts interacting with adjustments. A high-contrast edit with heavy grain applied to a JPEG-compressed source is more visible after Instagram's second compression than the same edit on a clean source.

💡 Best practice: export at 1080 pixels wide as JPEG at quality 90. That is inside Instagram's safe range for both size and format, so the second compression pass does less damage than it would to an oversized PNG.

Where people use an image filter studio

• Social media posting. The most common use — a quick filter makes a phone photo look curated without opening a full photo editor.
• Blog and website images. Consistent colour grading across all images on a site makes a design feel more intentional.
• E-commerce product photos. Standardising the colour grade of product shots gives a shop a coherent look. Warm filters work for food and lifestyle; neutral filters work for electronics and fashion.
• Real estate listings. Bright, warm, slightly contrast-boosted photos perform measurably better than raw smartphone shots.
• Wedding and event photography. Applying a single signature look across an entire album is the industry standard for delivering a consistent set.
• Portrait retouching. A light filter plus targeted adjustments is often all a portrait needs before delivery.
• Personal photo archives. Reviving old digital photos with modern colour grading.
• Design mockups and moodboards. Applying a consistent filter across a moodboard creates visual cohesion.

Common mistakes when applying filters

• Cranking every slider to max. The most common beginner mistake. Small moves make a big difference; a temperature change of 5 points is visible, 50 points is extreme.
• Using saturation instead of vibrance on portraits. Saturation turns skin orange. Vibrance boosts colour without touching skin tones.
• Leaving the preset at 100%. Try 70% first — the preset you wanted is often the preset at reduced intensity.
• Stacking a preset at 100% with strong manual adjustments. Apply the preset at 60–80% and then dial individual sliders — the combination is usually stronger than the preset alone.
• Forgetting the before/after comparison. Your eyes adapt to a filter within 30 seconds and you lose perspective. Always drag the split divider before you download.
• Downloading PNG when file size matters. A 4000-pixel PNG of a photograph can be 10–15 MB. If the image is going on a website or social media, JPEG or WebP will be a fraction of the size with no visible quality loss.
• Applying a filter to a low-quality source. Filters amplify compression artefacts in the source image. Start from the highest-quality original you have.
• Using grain on every image. Grain is a stylistic choice, not a universal improvement. It works for film emulation and editorial looks; it hurts clean product and portrait shots.

Privacy and data storage

This tool runs entirely in your browser. Your image is decoded from a local file (or paste event), rendered on the HTML5 canvas with vanilla JavaScript, and re-encoded with the browser's native toBlob() encoder. Nothing is uploaded to any server, logged, cached, or stored anywhere. There is no account, no login, and no network request after the page loads. When you close the tab, the image is dropped from memory. Because the canvas API automatically strips EXIF metadata during the render, GPS coordinates, camera model, and timestamps in the original file are also discarded.

Limitations

• This tool processes one image at a time. There is no batch processing — for that, use a desktop tool or a Lightroom preset.
• The presets are open recreations, not the proprietary LUTs of Instagram, VSCO, or Lightroom. They produce a similar mood but are not byte-identical to any specific app.
• Adjustment sliders apply to the whole image — there is no selective adjustment by area or by colour range. For local corrections, use a full photo editor.
• No histogram is displayed alongside the preview. You can check clipping by eye using the split view, but there is no numeric clipping indicator.
• Sharpness uses an unsharp mask applied globally. On portraits, keeping it below 15 is usually necessary to avoid halos.
• Blur uses a separable box blur for speed — a fast approximation of a true Gaussian blur. On very large blurs (above 12 px) the difference from a true Gaussian may be visible in smooth areas.
• The preview is capped at 1400 pixels on the long edge for performance. When you download, the tool re-renders at the full original resolution, so the output is not reduced.
• Custom presets are stored in this browser's localStorage only. They do not sync across devices, and clearing browser data will remove them. Use Copy recipe to back up a preset as JSON.

Frequently asked questions

Related tools on AIToolsPros