created: 20131205160221762 modified: 20140416160234142 tags: wikitext title: Images in WikiText type: text/vnd.tiddlywiki ! Image Formatting Images can be included in WikiText with the following syntax: ``` [img[Motovun Jack.jpg]] [img[http://tiddlywiki.com/favicon.ico]] ``` If the image source is the title of an image tiddler then that tiddler is directly displayed. Otherwise it is interpreted as a URL and an HTML `` tag is generated with the `src` attribute containing the URL. A tooltip can also be specified: ``` [img[An explanatory tooltip|Motovun Jack.jpg]] ``` Attributes can be provided to specify CSS classes and the image width and height: ``` [img width=32 [Motovun Jack.jpg]] [img width=32 class="tw-image" [Motovun Jack.jpg]] ``` Note that attributes can be specified as transclusions or variable references: ``` [img width={{!!mywidth}} class=<> [Motovun Jack.jpg]] ``` The image syntax is a shorthand for invoking the ImageWidget. ! Displaying Images via Transclusion You can also display an image stored in a tiddler by transcluding that tiddler. The disadvantage of this approach is that there is no direct way to control the size of the image. ``` {{Motovun Jack.jpg}} ``` Renders as: {{Motovun Jack.jpg}}