LogoSymbolDb

Turn picture into dots

Drag and drop your image here or click to browse

JPEG, PNG, GIF, WebP, SVG up to 20MB

🎨 Complete Guide to Dot Art & Dot Painting

Learn what dot art is, how to turn picture into dots, and master every parameter to create stunning dot paintings.

📖 What is Dot Art?

Dot art (also known as pointillism or stipple art) is a visual art technique where images are constructed entirely from small dots rather than continuous lines or solid areas. This technique dates back to the 1880s when Georges Seurat pioneered pointillism, but modern digital tools have made it accessible to everyone. Dot art creates a unique textural quality — from a distance, the dots blend optically to form a cohesive image, while up close, you can appreciate the individual dot patterns. Whether you want to create a retro halftone effect, a minimalist monochrome portrait, or a colorful dotted illustration, this tool gives you complete control over the dot painting process.

Dot art has found applications in embroidery, laser engraving, screen printing, poster design, and even tattoo art. The beauty lies in its versatility — the same image can look dramatically different depending on dot size, spacing, shape, and color choices. Our converter lets you experiment freely with all these variables in real-time.

🔄 How to Turn a Picture Into Dots

Converting an image to dot art involves analyzing each region of the source image and replacing it with appropriately sized and spaced dots. The process works in three main steps:

1. Image Analysis — The tool divides your image into a grid of cells (determined by the Cell Size parameter). For each cell, it calculates the average brightness by converting pixel colors to grayscale using the luminance formula. Darker regions will receive larger or more prominent dots, while lighter regions get smaller dots or remain empty.

2. Dot Placement — Based on the chosen Layout Mode (Grid, Stippling, or Halftone), dots are positioned within each cell. Grid mode places dots at regular intervals, stippling uses algorithmic placement for organic distribution, and halftone arranges dots in angled patterns similar to newspaper printing.

3. Dot Rendering — Each dot is drawn according to the selected Dot Shape (circle, square, or diamond), color mode (monochrome, duotone, or full color), and brightness mapping strategy (variable radius or fixed radius with dithering). The result is a complete dot art rendering that you can export in PNG, JPEG, or SVG format.

⚙️ Parameter Guide: How to Get Better Dot Paintings

Layout Mode

Grid — Places dots in a strict rectangular grid. Best for clean, mechanical, pixel-art-like dot art. Use larger cell sizes (12-20px) for bold, chunky results, and smaller sizes (4-8px) for detailed renderings. Grid mode excels at creating QR-code-style art or structured patterns.

Stippling — Uses Mitchell's best-candidate algorithm for organic, randomly distributed dots that naturally follow image contours. Perfect for portraits, nature scenes, and artistic sketches. The random element creates a hand-drawn feel — each rendering is slightly unique. Combine with small cell sizes (4-6px) for photorealistic stipple effects.

Halftone — Creates angled dot clusters that mimic traditional CMYK printing screens. Ideal for retro newspaper effects, comic book aesthetics, and pop art pieces. The dot clusters grow in size based on darkness, creating smooth tonal transitions.

Cell Size

Controls the resolution of your dot art. Smaller values (4-8px) produce more dots and finer detail — great for high-resolution exports and detailed portraits. Larger values (12-40px) create bold, graphic dot art with fewer, more prominent dots — excellent for logos, icons, and stylized designs. Pro tip: Match cell size to your export dimensions. For a 1000px-wide image, a cell size of 8px gives you ~125 dots across, which balances detail and dot visibility.

Dot Shape

Circle — The classic dot shape that creates smooth, natural-looking dot art. Best for most applications and closest to traditional pointillism. Square — Produces pixelated, blocky dot art reminiscent of 8-bit graphics. Great for retro gaming aesthetics and geometric designs. Diamond — Creates a unique faceted look with rotated squares, adding visual interest and texture to your dot painting.

Brightness Mapping

Variable Radius (AM) — Amplitude Modulation: dark areas get larger dots, light areas get smaller dots. This creates the most natural-looking results because dot size directly represents brightness. Adjust Min Radius and Max Radius to control the range — a wider range (e.g., 0.5px to cellSize/2) creates more dramatic contrast.

Fixed Radius + Dithering (BM) — All dots have the same size, but their density varies using dithering algorithms. This mimics how inkjet printers work. Enable dithering and choose Floyd-Steinberg for error-diffusion patterns or Ordered (Bayer) for structured dot matrices. Fixed radius mode is excellent for laser engraving and embroidery where consistent dot size is required.

Color Mode

Monochrome — Uses two colors (background + foreground). Customize both to create striking contrast. Try dark backgrounds with bright foreground dots for a neon effect, or pastel combinations for soft, dreamy dot art. Duotone — Blends between two colors based on brightness, creating gradient effects within your dots. Full Color — Preserves the original image colors within each dot for vibrant, colorful dot paintings.

Masking Strength

Controls which areas of the image receive dots. Lower values (0-80) place dots only in very dark regions — ideal for creating silhouette-style dot art or emphasizing shadows. Higher values (180-255) include almost all areas, creating dense, full-coverage dot patterns. Pro tip: For portraits, use mid-range values (100-150) to retain facial features while eliminating background noise.

Image Adjustments (Adjust Tab)

Before converting to dots, fine-tune your source image using brightness, contrast, saturation, hue, blur, and gamma controls. Increase contrast for bolder dot separation. Add slight blur (0.5-2px) to reduce noise and create smoother dot transitions. Adjust gamma to shift the brightness midpoint — higher gamma lightens midtones (more subtle dots), lower gamma darkens them (more aggressive dot placement). The Invert option creates a negative dot art effect, perfect for light-on-dark designs.

Export Formats

PNG — Lossless format with transparency support, ideal for digital use and further editing. JPEG — Compressed format suitable for web sharing and social media. SVG — Vector format that scales infinitely without quality loss, perfect for printing and professional design work. SVG exports preserve individual dot data for maximum editing flexibility.

🎯 Quick Recipes for Stunning Results

Vintage Halftone Portrait: Halftone mode, Cell Size 6px, Circle shape, Monochrome with black foreground/cream background, Mask 120, add slight blur (1px).

Bold Graphic Logo: Grid mode, Cell Size 16px, Square shape, Variable Radius with Min 2px/Max 8px, Monochrome with high contrast colors.

Artistic Stipple Sketch: Stippling mode, Cell Size 4px, Circle shape, Variable Radius with Min 0.5px/Max 3px, Monochrome, Mask 150.

Retro Newspaper Effect: Halftone mode, Cell Size 8px, Fixed Radius 2px + Floyd-Steinberg dithering, Monochrome black/white.