org: Images in HTML export
12.6.7 Images in HTML export
----------------------------
HTML export can inline images given as links in the Org file, and it can
make an image the clickable part of a link. By default(1), images are
inlined if a link does not have a description. So ‘[[file:myimg.jpg]]’
will be inlined, while ‘[[file:myimg.jpg][the image]]’ will just produce
a link ‘the image’ that points to the image. If the description part
itself is a ‘file:’ link or a ‘http:’ URL pointing to an image, this
image will be inlined and activated so that clicking on the image will
activate the link. For example, to include a thumbnail that will link
to a high resolution version of the image, you could use:
[[file:highres.jpg][file:thumb.jpg]]
If you need to add attributes to an inlined image, use a
‘#+ATTR_HTML’. In the example below we specify the ‘alt’ and ‘title’
attributes to support text viewers and accessibility, and align it to
the right.
#+CAPTION: A black cat stalking a spider
#+ATTR_HTML: :alt cat/spider image :title Action! :align right
[[./img/a.jpg]]
You could use ‘http’ addresses just as well.
---------- Footnotes ----------
(1) But see the variable ‘org-html-inline-images’.