IT Market
Tools/Images/Stylization/Stained Glass Photo Effect Online — Free

Стилизация изображений

Витраж

Мозаичные цветовые блоки, тёмные перемычки и стеклянная фактура.

Файл не выбран
IMG
PNG, JPG, WEBP

Tool guide

Stained Glass Photo Effect Online — Free

The tool splits a picture into polygonal cells, averages the colour inside each one and outlines the borders with a dark line, imitating the lead came of a real stained glass window. The file is read by your own tab and drawn on a canvas, never uploaded. It is handy when a post cover, a church concert poster or a quiz splash screen needs an image that clearly no longer reads as a plain photograph. See also: painterly strokes instead of glass segments, collect the glass palette as HEX codes, see the same frame as a negative.

How to use it

  1. Use the upload control in the Stained Glass panel and pick any raster image your browser can open.
  2. Set the cell size: small cells keep a face recognisable, large ones turn the frame into an abstraction.
  3. Choose the lead thickness — zero removes the dark grid entirely, high values give a heavy gothic outline.
  4. Adjust palette, saturation and glass texture; the preview recalculates immediately, no re-upload needed.
  5. Press «Download PNG» to save the result at the original resolution.
  6. «Reset» returns every slider to its default and clears the canvas.

FAQ

How do I make the mosaic coarser and more abstract?

Raise the cell size. Larger cells mean fewer of them fit into the frame, so less of the original detail survives: at high values only the overall composition remains readable. Portraits usually want small to medium cells; backgrounds and cover art work better coarse.

Can I remove the black lines between cells?

Yes — drop the lead thickness to zero and you get a mosaic of flat colour tiles with no outline, closer to low-poly art. The opposite also works: at maximum thickness the lines eat into the cells and darken the picture, so push saturation back up to compensate.

Where does my photo go while it is processed?

Nowhere. The file is opened by a file input inside the tab, decoded by the browser and drawn on a canvas; the page makes no outbound request carrying pixels and stores nothing between sessions. Close the tab and the uploaded image is gone — no delete button required.

Why is the download a PNG rather than a JPG?

A stained glass render is flat colour areas with hard dark borders, exactly the content on which JPEG produces visible halos along the leading. PNG is lossless, so the borders stay clean. The file is heavier, so for web use it is worth passing the result through a WebP converter afterwards.

Does the effect work on a phone?

Yes, mobile Chrome and Safari run the same code, but a 12-megapixel source takes several seconds and the tab freezes while it computes. If the browser discards the page or hands back a blank canvas, shrink the image first or open the tool on a desktop.

Is the output good enough for large-format printing?

The result is saved at the resolution of the file you loaded — nothing is upscaled. For an A2 poster start from at least 3000 pixels on the long edge, otherwise the leading turns mushy in print. Colour is computed in sRGB, so a print shop converting to CMYK will mute the brightest glass slightly.

How is this different from pixel art or the oil painting filter?

Pixel art cuts the frame with a strict rectangular grid and clamps the palette hard; the oil filter imitates brush strokes and keeps gradients smooth. Stained glass is defined by two things instead: irregular polygonal cells, and the mandatory dark outline between them that sells the glass-in-lead look.

Examples

Cover art for a concert announcement
Before: Photo of an organ hall, 2400×1600, packed with small detail
After: Large-cell mosaic with black leading; detail reads as blocks of colour
Avatar without a recognisable face
Before: Close-up portrait
After: Medium cells: silhouette and clothing colour survive, facial features dissolve