ZeonTools
MathML & Web Accessibility (WCAG)
If you paste a PNG or SVG equation onto your website, it looks great to a sighted user. However, to a visually impaired user utilizing a screen reader (like JAWS or NVDA), that image is completely silent. Your math is inaccessible.
MathML (Mathematical Markup Language) is the official W3C standard for representing the semantic structure of mathematics. Our Level 3 engine hooks into the MathJax compiler to extract the underlying semantic MathML tree behind your LaTeX. By clicking "Copy MathML," you can embed the raw semantic data into your website, ensuring full WCAG compliance and allowing screen readers to dictate the equation perfectly.
Embedding LaTeX in React, Vue, & HTML
Modern frontend frameworks require specific libraries to render math dynamically without breaking the virtual DOM. We provide dynamic, copy-pasteable boilerplate code to make this integration seamless.
- React: We generate JSX using the highly performant `react-katex` wrapper, which relies on KaTeX instead of MathJax for vastly superior client-side rendering speeds.
- Vue 3: We provide the standard Component structure for injecting MathJax configurations securely via mounted lifecycle hooks.
Academic Publishing: High-Res 300 DPI Exports
A common frustration for researchers is attempting to take an equation from a website and paste it into Microsoft Word, Google Docs, or a LaTeX PDF compiler. Standard web images are exported at 72 DPI. When printed on physical paper, these 72 DPI images look blurry and pixelated.
Before generating your PNG, our HTML5 Canvas engine intercepts the vector math and scales it up to 8x its normal size in your RAM. This results in a massive, high-fidelity PNG file that easily exceeds 300 DPI print standards, ensuring your academic papers look pristine.
Why SVG is Better for Web Publishing
When you export your equation for a website, you should always choose SVG. PNG is a raster format made of pixels. SVG (Scalable Vector Graphics) uses mathematical paths to draw the curves of the letters and symbols.
An SVG equation can be scaled to the size of a billboard and will remain perfectly sharp. Furthermore, injecting heavy Javascript engines like MathJax on your website can hurt your Core Web Vitals. Using our tool, you can render the equation, click "Copy SVG Code", and paste the raw <svg> directly into your HTML, resulting in zero-latency load times.
What is LaTeX Math?
LaTeX is a high-quality typesetting system specifically designed for technical and scientific documentation. While standard word processors struggle with complex mathematical notation, LaTeX allows you to write equations using plain-text code. For example, to write the fraction of 1 over 2, you simply type \frac{1}{2}.