Emboss a picture — turn it into a raised grey relief

The tool turns the edges of a picture into highlights and shadows on a flat mid-grey surface, so shapes look pressed into metal or paper; lower the Strength to keep some colour.

Live demo · real result from this tool

Drop images here

or paste with Ctrl+V · nothing is uploaded

Your result appears here — processed on your device.

Processed on your device — nothing is uploaded.

How to use Image Emboss

  1. Choose one or more images.
  2. Set Strength from 10% to 100% (it starts at 100%, a pure grey relief).
  3. Pick Save as and Quality.
  4. Press Apply and download the files ending in -emboss.

What it does and when to use it

Emboss is a classic filter for making a flat design look physical. Use it to preview a logo as a blind-embossed business card or a stamped metal plate, to make a texture for a game or 3D model, or to give a photo an engraved, sculpted look. It also works as a quick edge check: any outline in the picture shows clearly as a light and dark pair.

Because the full effect is grey, many people tint it afterwards with Image Tint, for example gold or bronze. For outlines without the relief look, Image Threshold gives a hard black-and-white line image.

How it works

On your device, in a Web Worker, the tool:

  1. Converts the picture to grey with the standard brightness weights.
  2. Runs a 3 × 3 relief kernel over every pixel. The kernel subtracts the neighbours to the upper left (weights −2, −1, −1) and adds those to the lower right (weights 1, 1, 2).
  3. Adds 128, so a flat area, where the plus and minus cancel, becomes mid-grey.
  4. At Strength below 100%, mixes this relief with the original colours in that proportion.

Pixels at the image border reuse their nearest neighbours, so the edges of the image do not get a false line. Transparency stays as it was.

Worked examples

Values from the tool’s own function.

A flat colour. Any area with no detail becomes (128, 128, 128) at 100%. At 50%, a flat red (200, 30, 30) becomes (164, 79, 79).

A sharp edge. We embossed an image that is black on the left and white on the right. Across one row, the pixels read 128, 128, 128, 128, 255, 255, 128, 128, 128, 128: a 2-pixel bright line at the edge and mid-grey everywhere else. Swap the sides (white left, black right) and the line turns dark instead.

A white square on black. Its top and left edges turn bright and its bottom and right edges dark, so it looks like a raised tile.

Limits and tips

  • Noisy photos give a gritty result because every speck counts as an edge; blur slightly first with Image Blur at 1–2 px.
  • Thin lines only 1 pixel wide produce a faint relief; bigger shapes work better.
  • The embossed file is new and has no EXIF data.

Frequently asked questions

Why is my embossed picture mostly grey?
That is how emboss works. Flat areas with no edges all become mid-grey (128, 128, 128); only edges get light or dark lines. Pictures with clear outlines, like logos or text, give the strongest result.
Which direction does the light come from?
The filter makes edges facing the top left bright and edges facing the bottom right dark, so shapes look raised and lit from the upper left.
How do I keep the colours?
Lower Strength. At 50% the relief is mixed half and half with the original, so colours show through. A flat area of red (200, 30, 30) becomes (164, 79, 79).
Can I make the relief look sunken instead of raised?
Rotate the image 180 degrees first, emboss it, then rotate it back. The light then appears to come from the lower right, which reads as carved in.

Written by the ToolsRift team · Last updated

Pages are drafted with AI assistance and checked by automated tests. How we write and check pages.

Was this tool useful?

Report a problem

Start typing to search every tool.

↑ ↓ to moveEnter to openEsc to close