This section offers various online tools for image processing and photo effects. Each of these web applications runs independently in a web browser without the need to download, install or register.
Free Photo Utilities Collection
The table below is a collection of small image tools for photo editing and analysis. You can use any image app for free directly in your browser.
The Image utilities are free to use and without watermark placement.
Apply a paint effect to pictures and illustrations to achieve an oil-painting effect.
Use this image software to apply cartoon effect to pictures and photos.
Color Conversion Tools
A free online image tool that can replace a user-defined color with another
Convert a color image to monochrome while preserving user-defined color shades. The effect is also popular as Color Splash.
An online tool that can adjusting image color saturation, hue and brightness.
Free online utility for image thresholding. Convert picture to binary – black and white by binarization and dithering
Separate the background from the foreground image area using the Watershed segmentation algorithm
Edge Detection, Filtering and Effects
Extract image outlines as vector graphics (SVG). Apply a different pencil color and width to the outlines of the image.
Transform an image into a marker drawing. Use different pen width and coloring mode.
Image edge detection app that uses gradient operators like Sobel, Prewitt and Schaar
A free image pixelator that can convert an image or illustration into pixel art
Tool to add image blur effect to images or part of them using Gaussian filter
An easy way to add an embossed or engraved photo effect to photos and images
A demo application of the Symmetric Nearest Neighbor filter, which removes image noise and adds a painting-like effect
Detecting circles in images using Hough transform
Demo app of image processing with a Median filter
A utility that detects image feature points using the Harris Corner algorithm
About the Image Tools?
These small image tools are designed for online use. The goal is to provide photo editing apps that can run in a web browser environment.
These web tools provide various photo filters, effects and algorithms as client-side apps. They also serve as live examples to our image analysis articles.
Browsers image format support
The table below shows an overview of what image formats browsers support:
|JPEG / .jpg, .jpeg, .jfif, .pjpeg, .pjp||image/jpeg||JPEG stands for Joint Photographic Experts Group. Common image format for lossy compression.||Chrome, Microsoft Edge, Firefox, Opera, Safari, Internet Explorer|
|PNG / .png||image/png||PNG stands for Portable Network Graphics. It is a file format that supports lossless data compression.||Chrome, Microsoft Edge, Firefox, Opera, Safari, Internet Explorer|
|WebP / .webp||image/webp||WebP stands for Web Picture format. It is developed by Google and supports lossless and lossy image compression.||Chrome, Microsoft Edge, Firefox, Opera, Safari|
|GIF / .gif||image/gif||GIF stand for Graphics Interchange Format. Good choice for simple images and animations.||Chrome, Microsoft Edge, Firefox, Opera, Safari, Internet Explorer|
|SVG / .svg||image/svg+xml||SVG stands for Scalable Vector Graphics. Great choice for icons, image animations, user interface elements.|
Note: You may visit the SVG filtering tutorials.
|Chrome, Microsoft Edge, Firefox, Opera, Safari, Internet Explorer|
For a complete list of image formats available for online use, you can visit the following MDN article.
Each of these web apps has standard media source selection options. They also provide specific controls for additional settings.
Media Source Options
- Browse button – use a photo or video file from your computer.
- Camera button – activates the webcam to use it as an image source.
- Reset button – reverts the changes from the current filter to view the original image.
Filter Specific Options
Because our computer vision demos are designed to run in a web environment, the browser used must be HTML5 compliant.
- The browser should have HTML5 Canvas support
- The web environment must support WebAssembly.
- The browser must support WebGL version two.