מטרת התבנית: לאפשר הוספת טקסט וקישורים בתמונות, ובפרט במפות (אך לא רק).

<div style="position: relative;">
[[תמונה:שם תמונה|רוחב]]
{{תווית תמונה|x=|y=|רוחב=|טקסט=}}
</div>

1. יש להוסיף תגית <div> כשמוגדר בה style="position: relative;"
2. יש להוסיף קובץ תמונה
3. יש להוסיף את התבנית {{תווית תמונה}} עם כל הפרמטרים הדרושים: x, y, רוחב, גובה (אופציונלי), טקסט, נקודה=כן (אופציונלי, אם רוצים שתהיה נקודה משמאל הכיתוב). ניתן להוסיף מספר תוויות תמונה.
4. לאחר מכן יש לסגור את ה-div הפותח בעזרת </div>.
5. אין להשתמש בתבנית לתמונות שמיושרות לשמאל עקב חוסר תאימות בין הדפדפנים.

דוגמה 1

<div style="position: relative;">
[[תמונה:Germany WC.png|300px]]
{{תווית תמונה|x=0.24 |y=0.385 |רוחב=300|טקסט=[[ברלין]]}}
</div>

דוגמה 2

<div style="position: relative;">
[[תמונה:Satellite image of Israel in January 2003.jpg|200px]]
{{תווית תמונה|x=0.5|y=1.5|רוחב=200|נקודה=כן|טקסט=[[הנגב|'''הנגב''']]}}
{{תווית תמונה|x=0.62|y=0.6|רוחב=200|טקסט=[[הים התיכון|<span style="color: #ffffff;">'''הים התיכון'''</span>]]}}
</div>