Every photo filter, from a vintage sepia wash to a brand-perfect duotone, is arithmetic applied to pixels, and once you see the arithmetic, filters stop being mysterious presets and become choices you can make deliberately. This guide explains what the classic effects actually do to your pixels, when each one earns its place, and how to apply them in the browser with no upload and no subscription, starting with the most design-useful of them all, the duotone tool.
In this guide
What a filter actually is
A digital image is a grid of red-green-blue numbers, and a filter is a rule applied to every pixel: take these three numbers, compute three new ones. Brightness adds, contrast stretches, grayscale averages the channels by how bright each appears to the eye, and the fancier effects below are just more interesting rules. Two properties follow from this. Filters are fast, because the rule is simple and the computer applies it millions of times. And most filters discard information, two different input colors can map to the same output, which is why the craft section below insists on keeping originals. The same per-pixel logic powers the transparency math in the alpha guide; filters and channels are one family.
Duotone: the designer’s filter
Duotone reduces a photo to brightness, then repaints that brightness along a gradient between exactly two colors: shadows take one, highlights the other, midtones blend. The result is the most deliberately “designed” look in the filter family, and it solves a real problem: visual consistency. A set of photos from different cameras, lighting, and color casts becomes a unified collection the moment all of them speak the same two colors, which is why duotone owns brand imagery, event posters, and that era of music-streaming artwork everyone recognizes. Pick the two colors from a brand palette and the two-color tool does the mapping; dark-color-plus-light-color pairs keep the contrast that makes the effect readable.
Sepia: borrowed nostalgia, real chemistry
Sepia is the one filter with a birth certificate: real sepia prints were 19th-century photographs toned with pigment from cuttlefish ink, prized because the treatment made prints last longer. The digital version recreates the look with a standard color matrix that warms every pixel toward brown while compressing the palette, and the cultural shorthand, “this is old, this is memory”, came along for free. Use it where that shorthand helps: family archive material, retro-themed designs, photos that want emotional distance rather than documentary precision. The sepia tool applies the classic matrix with adjustable strength, and the strength slider is where taste lives: full sepia reads as costume, gentle sepia reads as mood.
Overlays: the rainbow family
The third family does not transform existing colors so much as blend a new layer over them: a gradient laid across the photo at partial opacity. The rainbow overlay is the loud member, washing a spectrum across the image for pride imagery, event graphics, and playful profile pictures, and the rainbow tool handles angle and intensity. The honest design note: overlays compete with the photo underneath, so they flatter simple, bold images and bury busy ones. If the photo has one strong subject and clean space, an overlay decorates it; if every corner is detailed, the overlay just adds noise on noise.
Using filters without ruining photos
- Filter last. Crop, rotate, and resize first (the order logic from the resize guide applies); a filter applied before a crop wastes effect on discarded pixels and can shift visibly when recompressed.
- Keep the original. Most filters are lossy transformations of color information; sepia cannot be un-applied to recover the original hues. The filtered file is an export, never the master.
- One effect per image. Stacking filters multiplies their information loss and rarely their charm. If a duotone needs a rainbow on top, the design problem is upstream.
- Mind the destination format. Filtered images with smooth gradients are exactly where heavy JPEG compression bands, as the compression guide shows; export at the sweet-spot quality or use WebP.
Frequently asked questions
Is duotone the same as grayscale plus a color tint?
Close but not quite: a tint pushes gray toward one color, while duotone maps the full brightness range between two chosen colors, giving control over shadows and highlights independently. The two-color version is strictly more expressive, which is why designers reach for it.
Why does my filtered photo look different after uploading?
Platform recompression. Gradients and subtle washes are the first casualties of aggressive re-encoding, so upload at the recommended size and a generous quality; the filter survives much better when the platform has less shrinking to do.
Can I recreate a specific brand’s filter look?
Most branded looks are duotones or tinted gradients with particular color pairs, so picking the two dominant colors from the reference image in a duotone tool gets you the neighborhood. The remainder is contrast tuning, which the strength controls cover.
Do filters change the image’s metadata or size?
Applying a filter re-encodes the image, so file size changes with the new content and export settings, and metadata behavior depends on the tool. Privacy-relevant metadata deserves its own deliberate step, as covered in the EXIF section of the photo privacy guide.