Handitab

Overlay Images

Place one image on top of another, such as a logo on a photo, and set its size, position, and opacity before downloading the result.

About Overlay Images

Overlaying images means drawing one picture on top of another. The result keeps the pixel size of the base image. The overlay is scaled to a percentage of the base width, placed at one of nine anchor positions with a margin, and drawn with the opacity you set, where 1 is solid and lower values let the base show through. Transparent areas of a PNG overlay stay transparent. Both files are processed on a canvas in your browser.

How to use Overlay Images

  1. Choose the base image, the one that sits underneath.
  2. Choose the overlay image, such as a logo or a second photo. A PNG with transparency works best for logos.
  3. Set the overlay size, position, margin, and opacity. The preview updates as you change them.
  4. Press "Download image" to save the combined picture.

Questions about Overlay Images

How do I add a semi-transparent watermark logo?

Use your logo as the overlay, set the size to around 15 to 25 percent of the width, choose a corner position, and lower the opacity to about 0.4. A PNG logo with a transparent background blends most cleanly.

Runs in your browser. Page last updated .

More image tools

All 73 image tools
Pixel SortingApply a pixel sorting glitch effect to an image: runs of pixels inside a brightness range are sorted along rows or columns.Pixelate ImagePixelate a whole image into large square blocks to hide faces, text, or other details, choose the block size, and download the result.Placeholder Image GeneratorGenerate a placeholder image at any width and height up to 8,000 pixels, with your own colors and label text, for mockups and layout tests.PNG Color ChangerReplace one color in an image with another by picking the source color, the new color, and a tolerance, then download the recolored PNG.PNG to JPG ConverterConvert PNG images to JPG with adjustable quality, right in your browser; transparent areas turn white and nothing is uploaded.QR Code GeneratorGenerate a QR code from a link or any text, choose its size, colors, and error correction level, and download a static PNG that never expires.