Image Filter Effects applies grayscale, sepia, invert, warm, or cool color transformations to a local JPG, PNG, or WebP file, exposes an intensity slider from 0% to 100%, and exports a same-size PNG with a preserved alpha channel — all inside the current browser tab, without ever uploading the photo you intend to email. The grayscale conversion follows the W3C Filter Effects channel weights of 0.2126, 0.7152, and 0.0722 for red, green, and blue, so green contributes more than red and blue to the final channel value. Sepia uses the specification's three-by-three color matrix. Invert replaces each channel with its complement at full strength. Warm and Cool are intentional creative RGB shifts, capped at plus or minus 30 levels per channel. The output is always a same-size PNG, the only choice that retains transparency without an implicit JPEG-quality decision, so the file you attach to an email matches the file you previewed on screen. The source file on disk is never altered, and the original bytes are not sent to any server.
Why filter a photo at all before attaching it to an email
Email attachments travel through a chain of inboxes, antivirus scanners, and preview thumbnails before a recipient opens them, so the way an image looks in that chain often matters as much as the original file. A subtle sepia pass can warm a portrait; an invert can turn a screenshot of dark UI text into a light-friendly image; grayscale can flatten a busy product photo so it does not fight the surrounding text. Because the chosen transformation runs locally, the original is preserved on your device, the filter is auditable, and the email recipient sees exactly what you saw in the preview.
Most email services cap attachments around 20–25 MB, and corporate gateways are stricter, so reducing the visual complexity with a filter can also make a smaller file easier to send. PNG preserves transparency and is well suited to logos, screenshots, diagrams, and any image where sharp text matters; JPG is smaller for photographs but loses alpha. The filter does not resize, recompress, or re-encode the source, which means the only change between the file you upload and the file you attach is the filter's color transform applied to the RGBA buffer.
What the tool actually does to your pixels
Once you drop a JPG, PNG, or WebP, the file is decoded to an in-memory canvas, its RGBA buffer is transformed with the selected filter function, and a new PNG Blob is created locally. No source pixels, filter choices, or result files are posted to the site. Replacing the file or the settings invalidates any older export, and temporary object URLs are released when no longer needed. The implementation does not crop, resize, rotate, sharpen, blur, denoise, detect faces, isolate subjects, or pick a filter for you, so the filter is the only thing that changes between the input and the same-size output.
The intensity slider linearly interpolates between the original channels and the full transformed channels, calculates the matrix result as a floating-point value, blends that value with the source according to the selected percentage, and rounds once at the end. That order of operations matches the W3C Filter Effects amount-based matrix construction more closely and avoids avoidable one-level channel drift at intermediate strengths. All effects preserve each pixel's alpha channel, so transparent pixels stay transparent even though their hidden RGB values are transformed. A file the browser cannot read produces a clear error rather than a blank result, which is the safer failure mode when the goal is a working attachment.
The five filter effects and how each one behaves
The picker exposes six named options. Original leaves RGB values unchanged and is useful for confirming that the local decode-and-export path returns a valid PNG. Grayscale, Sepia, and Invert follow the W3C Filter Effects specification exactly; Warm and Cool are product-defined creative RGB shifts that the page discloses as not being Kelvin, white-balance, or ICC profile conversions.
| Effect | How it transforms RGB | Useful for |
|---|---|---|
| Grayscale | Reduces each pixel to a single luminance using 0.2126 R + 0.7152 G + 0.0722 B | Documents, screenshots, low-distraction product shots |
| Sepia | Applies the W3C three-by-three color matrix for a warm, brown-toned look | Portraits, vintage mood, photography with character |
| Invert | Replaces each channel with its 255-complement at full strength | Turning dark UI screenshots into light-mode-friendly images |
| Warm | Adds up to +30 red, +10 green, subtracts up to 20 blue at 100% intensity | Sunsets, food, cozy interiors, portraits that need a friendly tone |
| Cool | Subtracts up to 20 red, adds up to +5 green, adds up to +30 blue at 100% intensity | Snow, oceans, product shots that need a calmer palette |
| Original | RGB values unchanged; alpha preserved | Verifying the local decode/export pipeline |
Lower intensities linearly interpolate between the original channel values and the full transformed channel values, so 50% intensity on Warm lands halfway between the unmodified image and the maximum +30 R / +10 G / -20 B shift. That interpolation is what lets the same filter do double duty as a strong stylistic choice at 100% and a subtle email-friendly touch at 20%.
Apply a Photo Filter to an Email Attachment
- Open Image Filter Effects in the tab you will also use for your email composer. No sign-in, account, or extension is required.
- Choose a JPG, PNG, or WebP from your device up to 25 MiB, up to 16 megapixels after decoding, and up to 12,000 pixels on the longer edge. Files outside these limits are rejected with a clear error before any pixel work begins.
- Pick one of the six effects — Original, Grayscale, Sepia, Invert, Warm, or Cool — from the effect selector.
- Set the intensity. 0% returns the original RGB channels, 100% applies the full transformation, and any value in between linearly blends between the two.
- Choose Apply filter. A zero-delay task lets the busy state render before the pixel loop begins, so even large images show progress instead of appearing to freeze.
- Inspect the same-size PNG preview. Confirm important colors, contrast, and any alpha transparency that must survive the email client.
- Download the result. The download name includes the chosen effect so the file you save is easy to distinguish from the original.
Format and size limits worth checking before you click Apply
The tool accepts three container formats that cover what email, web, and most chat clients can render: JPG for compressed photos, PNG for lossless images and alpha, and WebP for modern browsers. The 25 MiB cap is measured on the compressed file before decoding; decoded buffers are far larger than compressed files, so the cap also protects browser memory. The 16-megapixel ceiling and the 12,000-pixel-per-edge cap together prevent unusually wide or tall images from stalling the main thread. A typical 12-megapixel phone photo and a 4K screenshot sit comfortably inside these limits, while panoramic banners, scanned posters, and stitched panoramas may exceed them.
The output is always a PNG, which preserves transparency and avoids a hidden lossy-quality decision that a JPG export would force on you. If the email recipient needs a smaller file, convert the reviewed PNG separately with the PNG to JPG tool, or compress the PNG with the Image Compressor so the attached file meets a specific mailbox limit without changing the filtered look.
What a filter changes in the meaning of an image
Filters alter readability, skin tones, brand colors, and the meaning of scientific or documentary images, which is why the tool explicitly tells you to review the full result rather than rely on the preset name. A grayscale image does not automatically have good text contrast, a sepia treatment does not authenticate age, and warm or cool shifts are not color-temperature corrections. A black logo on a transparent background may go gray or invert to bright under Invert; a skin tone can drift green under heavy Cool; a corporate red can drift orange under strong Warm. For color-critical print, medical, scientific, archival, or professional photographic work, use a color-managed application with the required profiles and calibration; a fast local filter is the right tool for quick visual treatments, not for calibrated deliverables.
Email clients add their own variables. Some clients flatten transparency against a white background in the preview, others preserve it. A bright Warm applied to a logo that already reads warm can clip reds in some mail apps, while the same logo at 40% intensity may travel cleanly. Treat the preview, not the preset name, as the source of truth before you attach.
Quick next steps after the filtered PNG is downloaded
Once the filtered PNG is on your disk, two follow-ups are worth considering if the recipient's mailbox or workflow is strict. If the file is close to the email service's attachment cap, run it through the Image Compressor so the size goes down without the look going down with it. If the email needs a JPG instead of a PNG, convert the reviewed PNG with the PNG to JPG tool, but only after you have approved the filtered look, so a single conversion step is the last operation before sending.
For a deeper look, see Image to ASCII on iPhone: Convert Photos in Safari.
For a deeper look, see How to Take a Photo to PDF: From Camera Roll to Document.