tools / wordpress / web

Tools for WordPress / Web

Get a design ready to publish: smaller images, safe vectors, pasteable code.

Anything going onto a page has to be small enough to load, safe enough to inline and clean enough to maintain. These prepare the assets a page needs, in the browser.

Image to WebPA size decision rather than a format decision, with the saving against the original shown per file.SVG CleanClean, sanitize, and normalize exported SVG files for safe reuse in production pages, React components, icon systems, and asset pipelines.SVG CSS BackgroundEmit CSS background-image rules that inline each SVG as a percent-encoded data URL with sensible default background sizing.SVG to ReactConvert SVG files into React JSX component source with hyphenated attributes rewritten to camelCase, class to className, inline style parsed to a JSX object, and {...props} spread on the root.SVG SanitizeRemove active SVG content, event handlers, remote links, javascript: URLs, CSS imports, and unsafe CSS url(...) references while preserving internal fragment refs and data-image references.