Next:Math formatting in HTML export, Previous:Tables in HTML export, Up:HTML Export [Contents][Index]
The HTML export backend has features to convert Org image links toHTML inline images and HTML clickable image links.
When the link in the Org file has no description, the HTML exportbackend by default in-lines that image. For example:‘[[file:myimg.jpg]]’ is in-lined, while ‘[[file:myimg.jpg][the image]]’ links to the text,‘the image’. For more details, see the variableorg-html-inline-images.
On the other hand, if the description part of the Org link is itselfanother link, such as ‘file:’ or ‘https:’ URL pointing to an image, theHTML export backend in-lines this image and links to the main image.This Org syntax enables the backend to link low-resolution thumbnailto the high-resolution version of the image, as shown in this example:
[[file:highres.jpg][file:thumb.jpg]]
To change attributes of in-lined images, use ‘#+ATTR_HTML’ lines inthe Org file. This example shows realignment to right, and addsaltandtitle attributes in support of text viewers and modern webaccessibility standards.
#+CAPTION: A black cat stalking a spider#+ATTR_HTML: :alt cat/spider image :title Action! :align right[[./img/a.jpg]]
The HTML export backend copies the ‘http’ links from the Org fileas-is.