Gallery
Instagram
Flickr
Pinterest
DaveCOLLIER
DevelopmentPages
Mosaic Tiles
with Limited Colour Set
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 proportion 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
......
This page requires HTML5 – and Javascript your browser version is too old for this page to work for you or you have Javascript switched off.
Formula for calculating brightness:
Grout width px
Grout colour
  RGB: brightness: 26 opacity: 100%
Tile width min. pxmax. 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
Download Settings
Load Saved Settings File:
Paint Result
......