LaTex2Web logo

LaTeX2Web, a web authoring and publishing system

If you see this, something is wrong

Collapse and expand sections

To get acquainted with the document, the best thing to do is to select the "Collapse all sections" item from the "View" menu. This will leave visible only the titles of the top-level sections.

Clicking on a section title toggles the visibility of the section content. If you have collapsed all of the sections, this will let you discover the document progressively, from the top-level sections to the lower-level ones.

Cross-references and related material

Generally speaking, anything that is blue is clickable.

Clicking on a reference link (like an equation number, for instance) will display the reference as close as possible, without breaking the layout. Clicking on the displayed content or on the reference link hides the content. This is recursive: if the content includes a reference, clicking on it will have the same effect. These "links" are not necessarily numbers, as it is possible in LaTeX2Web to use full text for a reference.

Clicking on a bibliographical reference (i.e., a number within brackets) will display the reference.

Speech bubbles indicate a footnote. Click on the bubble to reveal the footnote (there is no page in a web document, so footnotes are placed inside the text flow). Acronyms work the same way as footnotes, except that you have the acronym instead of the speech bubble.

Discussions

By default, discussions are open in a document. Click on the discussion button below to reveal the discussion thread. However, you must be registered to participate in the discussion.

If a thread has been initialized, you can reply to it. Any modification to any comment, or a reply to it, in the discussion is signified by email to the owner of the document and to the author of the comment.

Publications

The blue button below that says "table of contents" is your tool to navigate in a publication.

The left arrow brings you to the previous document in the publication, and the right one brings you to the next. Both cycle over the publication list.

The middle button that says "table of contents" reveals the publication table of contents. This table is hierarchical structured. It has sections, and sections can be collapsed or expanded. If you are a registered user, you can save the layout of the table of contents.

Table of contents

First published on Saturday, Aug 16, 2025 and last modified on Monday, Sep 1, 2025

I am normally hidden by the status bar

Media

François Chaplais

1 Introduction

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.

2 Images and figures

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.

A cute space cat
Figure 1. A cute space cat

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).

Cuteness overload
Figure 2. Cuteness overload

And an animated GIF.

Not ALL cats are cute
Figure 3. Not ALL cats are cute

2.3 Figures

The previous images are all embeded in a figure object, which has many nice properties and can have a caption. Figures can be expanded to fill the browser windown by clicking on the icon. Here is the structure of the code.

\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.

Figure 5
Figure 6
Figure 4

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.

A cute space cat
Figure 8. A cute space cat
Cuteness overload
Figure 9. Cuteness overload
Not ALL cats are cute
Figure 10. Not ALL cats are cute
Figure 7. Observe how the grid behaves when resizing the browser window.

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}

3 Video

LaTeX2Web supports two kinds of video:

  • mp4
  • YouTube

Here is an mp4 example with the code below.

\begin{video}
\url{path or url of the video}
\theme{fantasy}
\end{video}

There are four themes available: city, fantasy, forest and sea. To obtain a plain HTML 5 video player, use a theme name that is not in the list. The default theme is ‘fantasy’.

Now, a YouTube example.

A YouTube video featuring the LaTeX2Web Inline Editor

Here is the code.

\begin{video}
\url{get the URL on YouTube using the "share" button}
\type{youtube}
\caption{A YouTube video featuring the LaTeX2Web Inline Editor}
\end{video}

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

4 Audio

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

Sample audio

Here is the code.

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

5 Upload media

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.

6 Get media info

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

7 Summary

Summary 1

In LaTeX2Web, media can be of type image, video or audio. Images in the PDF or EPS formats are not supported.

Images and videos can be expanded, and multiple images can be displayed in a grid.