Translate a photograph into dots that follow its light and shadow. Adjust density, size and shape, choose source colors or one ink, then export a PNG or editable vector SVG for your next design.
White halftone dots trace the transparent flower on black. Load it to adjust the settings, or upload your own.
Processed on your device. Plain text uses a monospace font; PNG keeps the chosen colors. SVG uses editable vector dots.
Real outputs made with this tool. Load a sample, then make it yours.
Basic tools and their normal exports stay free. Subscription effects use no credits; AI rendering uses 1, 2 or 3 credits per attempt.
Basic, Pro and Max include all six effects. No credits are charged. Your free tools and original exports stay available.
Applies to a snapshot scaled to at most 1024 pixels per side and 1 MiB. Video and animation use the current frame. Text remains unchanged.
Create an artwork above to use premium effects.
Finish your current artwork with AI. All accounts can use credits; a subscription is optional. For animation and video, only the current frame is used.
This action uploads a bounded image of your current result to our AI service. Your original text, frames and source remain unchanged. A new render uses the displayed credit cost. Check your credit history for any adjustments after a failed generation.
Create or load an artwork first.
Each sampled region becomes a mark whose size reflects the source tone. Compare the picture and dot result while changing density and contrast, so the pattern adds texture without hiding the recognizable shape of your subject.
Upload a JPG, PNG, WebP or GIF image, or load an example. Look for a strong outline and enough light and dark separation to describe the subject with dots.
Choose columns and dot size, compare circles with squares, then set source colors or a single foreground color. Use brightness, contrast and inversion to refine the tonal pattern.
Check the full picture and a close view of the dots. Download PNG for a finished image, or SVG to resize and edit shapes in a design app.
Grid columns control how many sampled regions become marks. A coarse grid makes the dot pattern obvious, while a finer grid preserves smaller features. Compare the outline at the size where the result will appear.
Try this workflow
Dot size adjusts each mark relative to its cell, changing how open or dense the texture feels. Smaller marks leave more breathing room, while larger marks create stronger visual weight across the same sampled picture.
Try this workflow
Circles create a familiar dot texture; squares give the same tonal map a more geometric surface. Try both on one source, especially around fine edges, to choose the shape that supports the subject and composition.
Try this workflow
Source color mode carries sampled colors into the marks, while a single foreground color emphasizes the pattern and light and shadow. Choose a contrasting background so sparse regions and denser areas remain easy to distinguish.
Try this workflow
Brightness and contrast control the tone used to size each mark, while inversion reverses the density relationship. Compare these settings when important areas become too sparse or merge, judging the subject rather than only the pattern.
Try this workflow
PNG captures the current dot pattern as an image. SVG exports real circles or rectangles with matching colors, sizes and transparency, so you can scale the artwork or edit individual marks in a compatible vector application.
Try this workflowA dot treatment works when the pattern and picture support each other. Adjustable density, color and mark shape help you preserve the subject while choosing how prominently the texture appears in the final composition.
Use a coarser or finer grid according to the effect you want. Check the complete picture before concentrating on individual marks.
Choose circles for a rounded texture or squares for geometric edges. Judge the shape against your source rather than the setting name alone.
Retain source colors when they carry the image’s identity, or choose one foreground color when tone and texture should lead the composition.
Use PNG for simple sharing or SVG for scalable, editable dot shapes. Check the background against your design so the marks stay readable.
The tool samples the source picture into a regular grid and uses the brightness of each region to determine its mark size. Larger and smaller dots describe the light and shadow of the subject.
This workspace creates a halftone-style grid of circular or square marks and exports PNG or vector SVG. For copyable punctuation arranged as artwork, use image to ASCII with a sparse character ramp instead.
A strong subject outline and clear light and dark regions give the pattern useful structure. Portraits, architectural shapes and objects can work well when the source is not too crowded.
Density controls how many grid positions describe the picture, while dot size scales the marks within those positions. A finer grid can preserve smaller features without necessarily making every dot larger.
Turn on source colors to use the sampled image colors for the marks. Their sizes still follow the tonal mapping, so color and density work together to describe the picture.
Choose a foreground color and turn off source colors to use that color for the marks. Select a background that gives the dots enough contrast to remain visible.
Regions that map to very small marks can look sparse, especially on a coarse grid or at a small display size. Adjust brightness, contrast or inversion while comparing the subject with the source.
It reverses the relationship between source brightness and mark size, changing which regions receive larger dots. This can help when the same picture needs to read against a different background or when you want a reversed tonal treatment.
The shape control offers Circle and Square for the marks in the same sampled grid. Squares give a more angular, geometric texture while circles emphasize individual rounded dots.
Select the transparent background option to export the rendered marks without a solid background. The mark colors and sizes remain part of the image. Test the PNG on its intended surface, because dots that read clearly on a dark preview may need a different foreground color when placed on a light design.
Choose 12–200 columns; the converter adjusts rows and, for tall sources, columns to preserve proportions within its row limit. PNG is an enlarged raster image. SVG stores editable vector marks and can scale without pixel blur; it supports up to 66,000 marks per export.
Sampling, tone adjustment, dot rendering and PNG or SVG export happen in your browser on your device. Keep the source file and download the result before leaving the workspace.
Choose a source, balance detail with texture and export a dot image that suits your design.
Make dot art