TypeArt is a browser-based tool for turning images into layered typographic artwork, extending conventional ASCII art with real fonts, spacing adjustments, and CSS styling. Users can upload an image and tune brightness, contrast, saturation, hue, and inversion, then set the canvas dimensions, grid, number of passes, and glyph set. Composition options include search, annealing, and greedy methods, alongside controls for asymmetry, tone mapping, and layer-specific font size, tracking, line height, glyphs, and color mixing. The guidance notes that ink presets work especially well with line art, while high-contrast images and smooth gradients also tend to produce good results.
The artwork is rendered as stacked text layers, with the browser serving as the rendering engine. Users can reroll or retype the result, adjust layers, and export a copyable HTML snippet or download HTML and PNG files. Export settings can include font data; otherwise, the page relies on the named fonts already being available where the artwork is embedded. The site also provides code examples for scaling artwork to fit narrow screens, centering it without a visible horizontal scrollbar, swapping wide and narrow versions at a breakpoint, and protecting its layout from conflicting global CSS. A gallery demonstrates the resulting text-based compositions.
Summary generated by AI from the linked article. hn.today is not affiliated with Hacker News or Y Combinator.