BLACK & WHITE IMAGES

adapted jpeg & png / filtered in canvas

Joost v@n Meeteren


Leaves - examples 1

JPEG - original photo & black and white copy

Leaves - JPEG - colored Leaves - JPEG - black and white


Leaves - examples 2

PNG - original photo & black and white copy

Leaves - PNG - colored Leaves - PNG - black and white


Leaves - examples 3

Canvas - original photo & black and white copy

Your browser does not support the HTML5 canvas tag. Your browser does not support the HTML5 canvas tag.


Editing photos. There are two methods available to change digital images in black and white. Programs like Picasa can be used for this purpose using the black and white filter. The results of using the black and white filter can be exported to a new file. The second method is using HTML Canvas.

The advantages of HTML Canvas. Changing an image into black and white can be executed with a source photo (in JPEG and PNG) by using a Canvas filter (a javascript code). Canvas nr. 1 represents the original colors. Number 2 is the black and white version. But nr. 1-2 are produced by one JPEG source file.

Conclusion. Using Canvas on a website is a very good choice. You avoid placing multiple images on the server, including the original (colored) photo and the black and white version of it. And secondly, you can easily adjust the black and white filter without compromising the quality of the original JPEG.


Compare. See also CROPPED IMAGES and ROTATED IMAGES and MIRRORED IMAGES and HORIZONTALLY MIRRORED IMAGES and FILTERED IMAGES and DETAILS ON THE FOREGROUND and TEXT ON IMAGES.


WebDevelopment and WebDesign 2002-2019 © Joost van Meeteren
Web Developer/Designer/Photographer
Last update Tuesday, May 21, 2019 at 09:03