Зображення розкладається на сітку комірок, у кожній рахується покриття фарбою, і з нього виводиться розмір точки. Усе рахується на CPU одним проходом — те, що ти бачиш на екрані, і те, що потрапляє в SVG, приходить з одних і тих самих чисел.
Файл не завантажується на сервер. Обробка відбувається у твоєму браузері.
Shortcuts
O — відкрити зображення
⌘V / Ctrl+V — вставити з буфера
Space (затиснути) — оригінал
⌘C — скопіювати SVG у буфер
S — зберегти SVG
P — зберегти PNG
H — сховати панель
Зображення можна просто перетягнути на полотно.
Exports
SVG — вектор, кожна точка окремим об'єктом, редагується в Ілюстраторі або вставляється прямим копіюванням (⌘C / Copy SVG) у Figma
PNG — растр, до 6× від робочого розміру, з альфа-каналом
Use currentColor — SVG успадковує колір з CSS батьківського елемента при вставці у верстку