在從事網頁設計工作時，有時會遇到一些圖片異常的現象。明明在電腦裡面的圖片是正常的，但上傳到網站後就是出不來(變成叉燒包)。這通常是網站資料夾權限不足，導致圖片無法讀取；也有可能是程式寫錯，讀取到錯誤的路徑。但如果以上的問題都排除了，而且在IE瀏覽器無法顯示，但在FireFox或Google Chrome等其他的瀏覽器卻可以顯示，那就有可能是圖檔格式的問題了。

情境圖是網頁設計中最常使用的一種圖片設計類型。這裡指的情境圖泛指網頁上用以襯托畫面的圖象，可以做為企業形象圖、產品廣告圖或是網站意象圖。在網頁設計中，通常使用在網站首頁或overview(總覽)頁，做為視覺表現的手法。一張成功的情境圖能讓網頁使用者在瀏覽網頁時有視線聚焦的作用，並且正確傳達網站所要表達的概念。

網站內容的兩大基本組成，一個是文字，另一個就是圖片。就圖文閱讀來說，我們常說「一張圖勝過千言萬語」，圖片能輔助閱讀，讓網頁訪客聯想到相同的情境。但是，圖片要如何取得？什麼樣的圖片又該使用在什麼地方？這是很多接觸網頁編輯的人常會有的疑問，接下來我們介紹幾種在網頁設計中常用的圖像取得來源以及使用時機。

有時聽到朋友說企業網站長得都差不多，都會有LOGO、導覽、情境圖，版型也長得差不多。相對來說，跑車也都長得都差不多，都有四個輪子、轟隆隆的引擎聲、很炫的烤漆，差不多一個樣。為什麼企業網站都長得很像？為什麼跑車都有相似的功能？很簡單，因為它們都遵循「Form follows function(形隨機能)」的設計法則。