Relight PhotoAdd draggable studio, neon, sunset, or product lighting locally.

Upload a photo to relight

Drop a JPEG, PNG, WebP, or screenshot. Processing stays in your browser.

Relight Photo Online - Add Studio, Neon, Sunset and Product Lighting

Updated May 26, 2026
Share & Support

What's included

Features

Local image upload - photo data stays in the browser
Replace Photo button - load a new image while keeping the current light setup
Draggable light markers on the canvas
Preset lighting setups: Studio, Neon, Sunset, Product, Dramatic
Add up to five custom lights
Per-light color picker, intensity slider, and radius slider
Ambient brightness control for global scene mood
Vignette shadow control for darker edges
Before/after split preview with draggable divider
Export as PNG, JPEG, or WebP

About this tool

Add Creative Lighting to Photos Without Uploading Them

You have a photo that looks flat, under-lit, or too plain for a thumbnail, product listing, blog post, or social graphic. Relight Photo gives you a fast way to add creative lighting without opening a heavy photo editor. Upload a photo, place soft light sources over the image, pick colors, adjust intensity, and export the result without sending the image to a server.

The tool uses Canvas blending to simulate light. Each draggable light creates a soft radial glow blended with the image, while ambient dimming and vignette controls help shape the mood. Use a warm key light for portraits, cyan and pink lights for a neon look, a large orange sunset light for outdoor edits, or a clean top light for product photos. Because every light is movable, you can quickly try top-left, side, rim, and backlight-style compositions before exporting.

Use Before / After to compare the original against the relit result, then drag the comparison divider to inspect faces, product edges, backgrounds, and color shifts. If you want to test the same lighting on another image, click Replace Photo. The new image loads locally and the current light setup remains in place, which is useful for repeated product shots, profile images, or a consistent thumbnail style.

Each light is drawn as a radial gradient with three color stops — full intensity at the center, fading through a mid stop, down to fully transparent at the edge — composited with Canvas's screen blend mode rather than a normal overlay. Screen mode can only ever brighten what's underneath, never darken it, which mirrors how real light behaves: adding a second lamp to a room never makes anything darker, and the same constraint keeps overlapping lights from producing muddy or oversaturated patches where their glows meet. Ambient dimming works the opposite way, in multiply mode with a near-black fill — multiply can only darken, so it is the correct blend for "less overall light" the same way screen is correct for "more light in one spot." The vignette control is a separate multiply pass with its own radial gradient, shaped so the center of the frame is left untouched and only the edges darken, which is what gives a relit photo the falloff of a real lens rather than a flat brightness slider. The before/after comparison isn't a CSS clip-path trick over one canvas — it renders the unlit and relit versions onto two separate offscreen canvases, then clips and draws the relit one on top of the original at exactly the divider position, so dragging the handle is really swapping in a differently-clipped second frame every time.

This is intentionally local-first. It does not require an account, cloud API, or GPU server. It also does not claim to reconstruct real scene depth like a depth-aware AI relighting system. For many web, social, blog, and product-image use cases, fast creative relighting is enough: improve a flat image, create a dramatic thumbnail, add a colored glow, test lighting direction, or prepare an image before using Image Editor for cropping and resizing or Image Compressor for final file-size reduction.

Step by step

How to Use

  1. 1
    Upload a photoDrop a JPEG, PNG, WebP, or screenshot into the tool. The image is decoded in your browser and never uploaded.
  2. 2
    Choose a lighting presetStart from Studio, Neon, Sunset, Product, or Dramatic. Each preset sets ambient brightness, shadow strength, light color, and light position.
  3. 3
    Drag lights on the imageDrag directly on the canvas to move the selected light. Click a light marker to select it, then adjust its color, intensity, and radius from the side panel.
  4. 4
    Tune the sceneUse Ambient to darken or brighten the base photo, and Vignette to add darker edges around the image for a more focused lighting effect.
  5. 5
    Preview before and afterUse the Before / After button to split the preview between the original photo and the relit result. Drag the divider left or right to inspect details.
  6. 6
    Replace the photo if neededClick Replace Photo to load another image while keeping your current lighting setup. This is useful when testing the same studio, neon, or product lighting style across multiple photos.
  7. 7
    Download the final imageChoose PNG, JPEG, or WebP, set quality for lossy formats, and download the relit photo. The export contains the final relit image, not the comparison divider.

Real-world uses

Common Use Cases

Add a studio key light to a portrait
Place a warm key light near the face, add a cooler fill light from the opposite side, and reduce ambient brightness for a focused portrait look. Use the before/after divider to check whether skin tones still look natural.
Create neon thumbnail lighting
Use cyan and pink lights on opposite sides to give screenshots, profile images, or thumbnails a colorful neon edge. This works well for YouTube thumbnails, profile images, and launch graphics. Cut the subject out first with the image background remover.
Fake a sunset glow
Use the Sunset preset to add a large warm light from one corner with a subtle cool fill on the other side. Increase vignette when the background feels too bright.
Improve simple product photos
Use Product mode for a cleaner top light and small rim light that helps objects stand out from the background. Replace the photo to test the same lighting across multiple product shots.
Prepare images for blog and social cards
Relight a flat image, download it, then use the Image Editor to crop to 1200x630 or 1080x1080. Compress the final export before uploading to your CMS.
Test color mood before doing detailed editing
Quickly try warm, cool, magenta, cyan, or dramatic lighting directions before committing to a more advanced edit in design software.

Got questions?

Frequently Asked Questions

No. Your image is loaded into browser memory and processed with Canvas. The final export is created locally.

No. This is a fast creative lighting editor. It uses draggable light masks and blend modes, not a cloud AI model or 3D normal map.

After a photo is loaded, click Replace Photo in the header and choose another image. The new photo replaces the current image, but your current lights, ambient setting, vignette, and export format stay in place.

You can add up to five lights. Each light has its own color, intensity, radius, and position.

You can download PNG, JPEG, or WebP. JPEG and WebP include a quality slider.

Yes. The Before / After button shows a split preview, and the divider can be dragged left or right. The divider is only for preview and does not appear in the downloaded file.

Relight the photo first, export the result, crop or resize it with Image Editor, then reduce file size with Image Compressor before uploading to a website or CMS.