Mosaic Tiles

Description ↓

Mosaic Tiles There are lots of software products that do simulated mosaic tiling of an image. Mine is related to my experiments with relative brightnesses. The user selects a number of colours plus a grout colour. The selected colours are ordered by brightness and the base photo is analysed into an equivalent number of segments, each forming an equal proprtion of the whole base image. Tile colours are then chosen by their equivalent position in the brightness order. As ever, it is to see the effects.

or alternatively image url apply

– see copyright notice

......

Formula for calculating brightness:

Full size × pixels

Screen image × pixels

Grout width px

Grout colour

RGB: brightness: 26 opacity: 100%

Tile width px

Tile height px

Whole tiles from left: if checked always aligns the tiles vertically

Number of tile colours

Image Rendering on fullsize

Auto

Crisp Edges

Smooth

High Quality

Pixellated

Image rendering is controlled via CSS. The options are CSS image-rendering variables, some of them produce identical results to others in some cases.

Image Smoothing Enabled on Paint

Paint Result

Download

......

Copyright: many of my photos have a Creative Commons ShareAlike attribution, you can do what you like with them but I ask that you credit me for the pic. Be careful with other people’s photos, do not reproduce them unless you have permission.