ASCII Particles Generator — drop an image, copy the 1-bit text into Webflow
Drop an image here
or click to pick
Ramp (bright → dark)
First char = brightest. The reference look is one glyph + a trailing space (
a
= 1-bit). Or paste a full ramp like
@#=-.
for shading.
Columns:
220
Higher = finer silhouette (the reference uses a tiny font ≈ hundreds of cells).
Fit
Contain — no crop (icons / logos)
Cover — crop to W×H ratio
Brightness:
-17
Contrast:
51
Alpha cut-off:
93
Pixels more transparent than this become empty (clean PNG cut-out).
Crop ratio W × H (Cover only)
Invert
Copy text
Copy <br> HTML
“Copy text” → paste into a Webflow
Text block
with
white-space:pre
(class
.ascii-particles
). “Copy <br>” → paste into an
Embed
. Then load
ascii-particles.js
in the footer.
Drop an image to begin…