LaTeX equations for web


Equation editor

Image URL: 


Here are LaTeX source examples and rendered pictures.

Integrals, roots and borders

\boxed{ \int\limits_{-\infty}^{\infty} e^{-x^2} \, dx = \sqrt{\pi} }
$$\boxed{ \int\limits_{-\infty}^{\infty} e^{-x^2} \, dx = \sqrt{\pi} }$$

Limits and sums

\gamma \overset{def}{=} \lim\limits_{n \to \infty} \left( \sum\limits_{k=1}^n {1 \over k} - \ln n \right) \approx 0.577
$$\gamma \overset{def}{=} \lim\limits_{n \to \infty} \left( \sum\limits_{k=1}^n {1 \over k} - \ln n \right) \approx 0.577$$

Continued fractions

e = 2 + \cfrac{1}{ 1 + \cfrac{1}{ 2 + \cfrac{2}{ 3 + \cfrac{3}{ 4 + \cfrac{4}{\ldots} } } } }
$$e = 2 + \cfrac{1}{ 1 + \cfrac{1}{ 2 + \cfrac{2}{ 3 + \cfrac{3}{ 4 + \cfrac{4}{\ldots} } } } }$$


A_{m,n} = \begin{pmatrix} a_{1,1} & a_{1,2} & \cdots & a_{1,n} \\ a_{2,1} & a_{2,2} & \cdots & a_{2,n} \\ \vdots & \vdots & \ddots & \vdots \\ a_{m,1} & a_{m,2} & \cdots & a_{m,n} \end{pmatrix}
$$A_{m,n} = \begin{pmatrix} a_{1,1} & a_{1,2} & \cdots & a_{1,n} \\ a_{2,1} & a_{2,2} & \cdots & a_{2,n} \\ \vdots & \vdots & \ddots & \vdots \\ a_{m,1} & a_{m,2} & \cdots & a_{m,n} \end{pmatrix}$$

Multiline equations in the align environment

\begin{align*} y &= x^4 + 4 =\\ &= (x^2+2)^2 - 4x^2 \le\\ &\le (x^2+2)^2 \end{align*}
$$\begin{align*} y &= x^4 + 4 =\\ &= (x^2+2)^2 - 4x^2 \le\\ &\le (x^2+2)^2 \end{align*}$$

Picture environment

\begin{picture}(76,20) \put(0,0){$A$} \put(69,0){$B$} \put(14,3){\line(1,0){50}} \put(39,3){\vector(0,1){15}} \put(14,3){\circle*{2}} \put(64,3){\circle*{2}} \end{picture}
$$\begin{picture}(76,20) \put(0,0){$A$} \put(69,0){$B$} \put(14,3){\line(1,0){50}} \put(39,3){\vector(0,1){15}} \put(14,3){\circle*{2}} \put(64,3){\circle*{2}} \end{picture}$$

Diagrams xy-pic

\xymatrix{ A \ar[r]^f \ar[d]_g & B \ar[d]^{g'} \\ D \ar[r]_{f'} & C }
$$\xymatrix{ A \ar[r]^f \ar[d]_g & B \ar[d]^{g'} \\ D \ar[r]_{f'} & C }$$


What is “LaTeX”?

LaTeX is a computer typesetting system for complex documents. It is widely used in scientific publications, especially in physics and math. See details in Wikipedia.

What does this website exactly do?

The website converts mathematical expressions into pictures ready for use in web. You don’t have to create ones in a graphical editor and to upload somewhere. Add pictures to discussions in blogs or forums or send links via messengers.

Is it for free?

Yep. In case of reasonable load, of course. If you obstruct other users, your requests will be blocked.

How do I know if the service doesn’t stop working one day?

You don’t. But I use it in my own projects and I’m not going to close it.

How is the math converted into pictures?

There is Tex Live installed on the server. It has been set up to work with modern web technologies.

How to include LaTeX packages? I’d like to write chemical formulas and musical notation!

When processing pictures, only minimal package set is included. If there is a missing package, please write me a letter. Don’t forget to explain how the package will help other users.

Should I type math in this equation editor?

Not necessarily. It’s convenient if you have only few formulas. Type large texts in the editor with LaTeX and Markdown support. Also, I’ve written a script for reach-math sites which allows you to use LaTeX directly in HTML source code.

Embedding into websites

Authors of mathematical text may write LaTeX expressions right into HTML code. In order to be automatically converted, these expressions are to be written in dollar signs $$...$$, and the following script must be included:

<script src="//"></script>

Here are the HTML code sample and the rendered result:

<p>Placed in the origin, magnetic moment $$\vec{\mathfrak{m}}$$ produces at point $$\vec{R}_0$$ magnetic vector potential</p> <p>$$\vec{A} = {\vec{\mathfrak{m}} \times \vec{R}_0 \over R_0^3}.$$(1)</p>

Placed in the origin, magnetic moment $$\vec{\mathfrak{m}}$$ produces at point $$\vec{R}_0$$ magnetic vector potential

$$\vec{A} = {\vec{\mathfrak{m}} \times \vec{R}_0 \over R_0^3}.$$(1)

In modern browsers, script loads pictures in vector format SVG and aligns formula baseline with surrounding text:

Our blog on theoretical physics is based on this service.

© 2014 Roman Parpalak.