Besides ordinary running text, you can also insert media in your document flow. This lesson details what type of media can be used in your document, and how to upload media files.

Images are inserted in a document by using the \includegraphics command.

2.1 Vector images

PDF images are not handled natively in HTML 5, which means, in practice, that PDF illustrations cannot be inserted into the flow of a web page. The same applies to EPS files.

The only supported vector file format in HTML 5 is SVG. Here is a sample SVG illustration.

2.2 Raster images

LaTeX2Web supports the following file formats:

• JPG/JPEG
• PNG
• GIF

Animated GIFs also work. Here is a JPG photo (which has been compressed before upload).

And an animated GIF.

2.3 Figures

\begin{figure}
\includegraphics{path or url of the image}
\caption{the figure caption}
\end{figure}

2.4 Image/figure grids

You can place multiple images in a grid. To do so, simply use several \includegraphics commands in the body of the figure environment.

To obtain something more elaborate, you can use the subfigure environment several times inside the figure. Let us have a look at the code.

\begin{figure}
\caption{Observe how the grid behaves when resizing the browser window.}
\begin{subfigure}
\includegraphics{4600_8-02.svg}
\caption{A cute space cat}
\end{subfigure}
\begin{subfigure}
\includegraphics{cute-cat-with-blue-eyes-2024-10-14-17-06-59-utc.jpg}
\caption{Cuteness overload}
\end{subfigure}
\begin{subfigure}
\includegraphics{mlvseq9yvZhba.gif}
\caption{Not ALL cats are cute}
\end{subfigure}
\end{figure}

Here is the result.

2.5 Image links

Image can be used as links. This image leads to the LaTeX2Web home page.

Here is the code.

\begin{imageLink}
\url{https://latex2web.app/}
\imageUrl{house.jpg}
\alt{link to LaTeX2Web home page}
\caption{Click on this image to go to the LaTeX2Web home page}
\end{imageLink}

LaTeX2Web supports four kinds of video:

• mp4
• YouTube
• Vimeo
• Videos delivered by the Mux platform

Here is an mp4 example with the code below.

\begin{video}
\url{father-with-son-cooking-together-1080p-2025-08-05-01-59-33-utc.mp4}
\theme{fantasy}
\end{video}

If specified, a theme can be applied to the viseo player. For backward compatibility, you can specify one of the four keyword as a argument for the command: city, fantasy, forest and sea.

In general, the argument for the \theme command should a comma separated list of two values: a standard HTML color , and a valid CSS size. For instance, the following YouTube video uses the following command

\theme{red, 24}

This means that the theme color will be set to red, and the controls will be sized at a value of 24px.

Here is the YouTube example.

Here is the code.

\begin{video}
\theme{red, 24}
\url{ElDRYDgSUO0}
\type{youtube}
\caption{A YouTube video featuring the LaTeX2Web Inline Editor}
\end{video}

You can also add an interactive transcript of the video! When you click somewhere in the transcript, the video is brought to the corresponding segment.

For more details on video in LaTeX2Web, see the online help .

Audio in the mp3 format is supported. Here is an example.

Here is the code.

\begin{audio}
\url{path or url of the audio}
\end{audio}

In general, it is simpler to host your media along your document. You may already have media available if you have uploaded an existing LaTeX project. You can upload media files to your project at any type.

To do so, go to your dashboard and, from the action menu, select “Upload media”. You are then re-directed to an upload page. You can either upload single media files or a zip archive of such files.

To see (notably) the list of media files for a document, select “Get media info” in the action menu.