pixelate() draws a pixelated version of the from image to the to canvas,, apply only after. resizeImage() resizes the output image if bigger than the defined max Height or max Width convertpalette() converts image with the defined color palette, apply only after. convertGrayscale() converts image to greyscale, apply only after. getpalette() returns array of current palette, can't be chained Resize photo to 240x320 pixels refers to a display capable of 240 pixels in width. You can use the options to control image resolution, quality and file size. Amongst many others, we support PNG, JPG, GIF, WEBP and HEIC.

setMaxHeight(int) set canvas image maximum height, it can resize the output image, max height overrides max width, only used when. An online tool to convert image to 240 x 320 pixels resolution online. CloudConvert converts your image files online. setMaxWidth(int) set canvas image maximum width, it can resize the output image, only used when. setpalette(arr) sets the color palette to use, takes an array of rgb colors: ], int from 0 to 255 You can save space on your computer and reduce file size by. setFromImgSource(src) change the src from the image element 500x500 pixels converter can resize picture size to 500 px square dimension image in online. setDrawTo(elem) canvas elem to draw the image setDrawFrom(elem) elem to get the image to pixelate hideFromImg() hides the from image element, is applied on object creation draw() draw to canvas from image source and resizes if max height or max width is reached You can chain all methods together, beware that the order they are applied can change the final result.Īpplying first the color palette and then the greyscale can give a slightlity different image. To : elem, defaults to document.getElementById('pixelitcanvas')įrom : elem, defaults to document.getElementById('pixelitimg')

You can set the pixelation radius as well as. You can pass some options when creating the instance (you can alter them later using the api methods). Just drag and drop your image here and it will be automatically pixelated. Then load the pixelit.js script and apply it on an image. To use the quick default configuration you need an element from where to draw the image and canvas element with the id pixelitcanvas.

Pixel image converter