Seven useful algorithms
Choose the edge detector that fits the job, from Canny for photographs to region contours for logos and flat graphics.
IMAGE STUDIO PixelOkay · Creative utilities
Image Edge & Contour Extractor
Turn images into clean outlines, high-contrast edge maps and scalable vector contours. Tune the detection, compare results and export—all in your browser.
✦ 7 detection modes✦ True vector SVG✦ No uploads
YOUR CREATIVE WORKSPACE
Edge extraction studio
Start with any image, then dial in your perfect outline.
Processed locallyYour images never leave this browser.
01 · SOURCE
Your image
Drop an image hereor choose from your devicePNG, JPEG, WebP, GIF (first frame), BMP, or supported browser image formats · up to 30 MB
Paste an image (Ctrl/⌘ + V) or drop a replacement onto the preview
02 · DETECTION
Refine the edges
Canny uses gradient suppression and dual-threshold hysteresis for cleaner lines.
03 · FINISH
Colors & transparency
OUTPUT QUALITY
Oversized source images are downscaled locally. Exports use the selected working resolution, not the full original.
LIVE PREVIEW
See the difference.
Your next outline starts here
Upload an image or try the sample to preview its edges instantly.
RESULTORIGINAL
Processing image…
Waiting for an imageReady
EXPORT STUDIO
Ready to take it further?
Raster PNG or editable vector outlines. No watermark.
Tip for sharper outlines
Start with Canny for photographs. Try Contour mode for logos or solid shapes, and increase the threshold to remove distracting texture.
MAKE MORE WITH PIXELOKAY
From pixels to possibilities.
Practical tools for makers, designers and developers—without uploading your work.
Actual vector paths
SVG export follows the pixel-boundary outlines to create fillable, scalable geometry. Dense images may need lower resolution to keep file sizes practical.
Designed for privacy
Images are decoded and processed entirely in your browser using an isolated Web Worker. No files are sent to an external server.
Frequently asked questions
Which edge detection mode should I use?
Canny provides thin photographic edges with dual thresholds. Sobel, Scharr and Prewitt highlight gradients, Roberts detects rapid changes in small neighborhoods, and Laplacian emphasizes high-contrast changes. Contour traces the selected dark or light regions.
Is the SVG a real vector file?
Yes. PixelOkay turns the detected edge-pixel boundaries into SVG path geometry; it does not embed a bitmap. Very detailed outlines create more path data, so higher thresholds or a smaller working resolution may help.
Are my images uploaded or stored?
No. All image loading, processing and export take place on your device. The app does not transmit image content. Your browser handles any files you download.
Can I use this for laser cutting or CNC?
The exported geometry is based on pixel boundaries, not smooth centerline tracing or machine-tool calibration. Check the paths, scale and tolerances in specialist software before manufacturing.