使用在Connexions模組裏符合MIME型式的圖片檔案型式為：
- eps - media type="application/postscript"
- png - media type="image/png"
- jpeg - media type="image/jpeg"
- gif - media type="image/gif"
以上所列並不包含所有的型式，任何可用的
MIME type型式的圖片都可以使用在模組裏。
要把圖片放置在您的模組裏，請在您的模組的index.cnxml檔案裏插入CNXML輸入，類似於下列的例子：
<figure id="figure-01">
<name>插圖範例</name>
<media type="image/png" src="envelope-taller.png"/>
<caption>一個圖像的顯示。</caption>
</figure>
media媒體標籤裏的src屬性，是給定圖片的位置或來源，將其放置在您想要讓其出現在模組裏的地方。如果您已經將檔案上傳至您的模組裏，屬性可以是一個檔名；或者如果一個圖片檔案儲存在網際網路上的其他地方，屬性可以是一個完整的URL網址。
上方CNXML例子的實際顯示為：
您可以使用subfigure標籤把兩個圖片放置在相同的figure（插圖）裏。當您有兩個相關圖片，而想要將其並列放置或者上下放置時，這個標籤相當有用；要在同一個插圖裏顯示兩個圖片，請在您的模組的index.cnxml檔案裏插入CNXML的輸入，類似於下列的例子：
<figure id="figure-2" orient="horizontal">
<subfigure id="subfigure-1">
<name>較大圖像及信封</name>
<media type="image/png" src="envelope-taller.png"/>
<caption>
子插圖1。
</caption>
</subfigure>
<subfigure id="subfigure-2">
<name>較小圖像及信封</name>
<media type="image/png" src="envelope.png"/>
<caption>
子插圖2。
</caption>
</subfigure>
<caption>在一個插圖裏水平顯示兩個圖片。</caption>
</figure>
上方CNXML例子的實際顯示為：
orient（方向）屬性值可以是horizontal（水平）或vertical（垂直），以及定義圖片如何安排在插圖（figure）裏。
如果您模組裏面圖片的大小，符合您線上觀看時的大小，但當您列印此模組時卻顯得太大時；Connexions讓您可以在模組裏插入一個附加的圖片檔案，讓其格式及大小符合列印版本所需。eps格式的圖片檔案，是使用在Connexions模組列印版本裏較佳的格式。如果您的模組包含相同圖片的eps檔案及png檔案；當Connexions產生一個列印版本的PDF檔時，Connexions會使用eps檔案；而如果在線上顯示模組時，會使用png檔案。
底下是說明如何在您的模組裏為列印版本插入附加的圖片檔案：
- 請建立您的圖片檔案的一個
eps格式版本，這個圖片應調整成適合的大小。 - 請在index.cnxml檔案裏插入這個
eps檔案的一個media type（媒體型式）輸入，位在線上顯示的圖片檔案輸入上方。此圖片檔案應該有相同的名稱，而副檔名應該指定其檔案型式。例如，image1.png是給線上使用的，而image1.eps是給列印使用的。 - 請增加
eps圖片檔案至此模組。
底下是需要包含附加圖片所需的CNXML編碼的一個例子：
<figure id='printimage'>
<media type='application/postscript' src='image.eps'>
<media type='image/png' src='image.png'/>
</media>
</figure>
在index.cnxml檔案裏，列印圖片（eps）的輸入必須出現在線上圖片（png）的輸入上方；線上圖片的輸入應該縮排，以及被嵌入在另一個圖片輸入裏面。
您也可以顯示一個圖片，讓它被點擊後顯示成一個較大版本的圖片。底下是其處理的方法：
- 請建立您的圖片檔案的一個縮圖版本。
- 請將原圖大小及縮圖大小的圖片插入至一個
media type（媒體型式）輸入，如下列例子所示。 - 請增加原圖大小及縮圖的圖片檔案至模組裏。
底下是含有一個縮圖圖片連結至一個原圖版本所需的CNXML編碼例子：
<figure id='thumbnail'>
<media type='image/png' src='TajMahal_medium.jpg'>
<param name='thumbnail' value='TajMahal_Thumb.jpg'/>
</media>
</figure>
上方CNXML例子的
實際顯示為：
MIME Type List
