PIE

URL: Copy
CSS: Copy
SVG: Copy

Crop Area (Width x Height + X + Y): x++

Display Width x Height: x (:)
Crop Inverse Aspect Ratio Hide Filters (Code) Browse Files
Save

Copy

Mode:

Convolution Kernels

Sobel X

	-1 0 1
	-2 0 2
	-1 0 1

Sobel Y

	-1 -2 -1
	0 0 0
	1 2 1

Prewitt X

	-1 0 1
	-1 0 1
	-1 0 1

Prewitt Y

	-1 -1 -1
	0 0 0
	1 1 1

Sharpen

	0 -1 0
	-1 5 -1
	0 -1 0

Edge Detect 1

	-1 -1 -1
	-1 8 -1
	-1 -1 -1

Edge Detect 2

	0 1 0
	1 -4 1
	0 1 0

Edge Detect 3

	1 -1 1
	-1 -0.01 -1
	1 -1 1

Emboss 1

	1 0 0
	0 0 0
	0 0 -1

Emboss 2

	-2 -1 0
	-1 1 1
	0 1 2

Emboss 3

	-2 -2 0
	-2 6 0
	0 0 0

PIE (Pius' Image Editor) [GitHub]

Note that Overlay Canvas and Save will only work if the image you're viewing is either served from the same origin as this page or if the image was selected via Browse Files. Overlay Canvas and Save will draw the image into an HTML canvas, get the image data from the canvas (which the browser won't allow for cross-origin images), apply the filter operations to the image data, and draw the image data back to the canvas.

For best results in Chrome, try mode HTML <img> + 1 SVG <filter>. For best results in Safari, try mode SVG <image>. All modes seem to work equally well in Firefox.