Το image tag χρησιμοποιείται για την προβολή εικόνων. Αποτελείται από ένα ή περισσότερα μέρη, χωρισμένα με | , ως ακολούθως:


Η παραπάνω σύνταξη θα παράξει το ακόλουθο HTML ισοδύναμο:

<img src="src" width="W" height="H" class="class" alt="alt" title="alt" />

Ολα τα μέρη είναι προαιρετικά και μπορούν να γραφτούν με οποιαδήποτε σειρά, εκτός του src το οποίο - εφόσον γραφτεί - θα πρέπει να είναι πρώτο.

Ορίζει την πηγή της εικόνας.
  • το id μιας εγγραφής από το αρχείο Upload (media)
    {{1|0x16}}Domain favicon
  • τα ids πολλών εγγραφών, χωρισμένα με κόμμα ή από-έως ή συνδυασμό αυτών
    {{1,14-19|0x16}}Domain faviconBim Invoice LogoE-commerce share of total global retail sales from 2015 to 2021 ( on Windows!Info SpriteReasons for abandonments during checkout
  • τον κωδικό ενός γραφικού ή γραμμικού εικονιδίου ή χώρας:
  • η λέξη "logo" (απεικονίζει την εγγραφή με id=2)
    {{logo|0x16}}Domain logo (on light background)
  • ένα URL
  • αν παραληφθεί, χρησιμοποιείται η εγγραφή με id=5
    {{|0x16}}No photo
Ορίζει τις διαστάσεις της εικόνας (πλάτος x ύψος), χωρισμένες με πεζό λατινικό 'x'. Τα W και H μπορούν να έχουν αυθαίρετη τιμή (σε pixels), συμβολική τιμή (δείτε παρακάτω), ή να είναι 0 (μηδέν). Εάν μία από τις διαστάσεις είναι 0, αυτή υπολογίζεται με βάση την άλλη - μη μηδενική - τιμή, και τις αναλογίες της εικόνας. If the resulting image is much smaller than the original, zoglair automatically produces a (zoomable) thumbnail, so that page rendering is speed up. Obviously, this can only be true for uploaded images. External images are of unknown size, unless it is encoded in their filename as ".WxH.", for example: an_image.100x200.png. Still, you can use a zero dimension for any external image, to constrain its width or height. If both dimensions are entered, then the resulting image will retain its aspect ratio - no matter what - if it is uploaded (since its size is known), but it will be distorted if it is external. The following symbolic sizes are defined:
    ico → 40
    sml → 60
    med → 90
    big → 136
    ful → 100%
Orders a specific markup, for use in special cases. It can be any of the following:
  • :src
    Only the src attribute is output. This can be useful in templates. The resulting URL is relative (as all zoglair URLs in HTML output).
  • :url
    Similar to src, except the resulting URL is absolute. This is used in CSS backgrounds.
  • :rgb
    Only the average image color (in RGB format) is output, as listed in the relative link grid column. This is useful in specifying solid background colors in CSS.
  • :img
    This is used for avoiding a zoomable thumbnail (if applicable), so only the <img ... /> tag is output.
  • :bap
    Enforces a (non-zoomable) thumbnail, with the specified dimensions. This is used when either the resulting or original image size is too small for zoglair to activate the automatic thumbnail generation.
  • :N (where N is an integer)
    Handles the src image as a CSS sprite and generates inline styling to display the Nth item. In such a case, the tags field of the image's upload record needs to have a certain format. Please, see the link table for details.
One or more CSS classes (space delimited). If left empty, the class attribute will be omitted.
The image alternative text attribute. If supplied, it is also used for its title (~tooltip). There is no need to specify this for uploaded images, as zoglair uses their title by default.