【Canva 架設網站】輕鬆一頁式網站製作，簡單步驟一次上手！

本章將詳細介紹在網頁中加入圖片的技巧與應用。 在開始加入圖片之前,先讓來認識一下能用在網頁中的圖檔格式。 圖檔格式有許多種 (例如 bmp、jpg、tif....),不過能用在網頁上的圖片格式可沒那麼多。 根據 HTML 規範,標準的網頁圖檔只有 JPG 和 PNG 這 3 種。

Illustrator 的影像格式為向量影像，檔案模式是.ai，與一般圖片的差別就是向量圖型在Illustrator編輯時可以隨意放大縮小、修改形狀，而細節不會消失，也不會失去清晰度。 但其實除了ai檔以外，Illustrator也能支援許多影像格式，讓我們來看看常使用的有那些吧！ 上面有提到，SVG是可直接於Illustrator編修的影像格式，比較特別的是，通常屬於向量格式的Ai檔及EPS檔都需要轉成圖片，才能在網頁上瀏覽，就會失去向量格式的『縮放不失真』的特色。

凱士網頁帶您認識網頁常見圖片格式（JPG、PNG、SVG、WebP、AVIF）之差異與應用建議，說明各種格式的特性、壓縮效率與支援情況，並說明網站後台如何管理與開放圖片格式上傳。

我們大多數人都知道，在網站設計過程，優化HTML、CSS、JavaScript 或其他任何東西都是好的，但如果你不優化圖像，所有其他的努力都將是徒勞的。 網站圖片是使用PNG、JPG還是SVG格式？ 這取決您的選擇，iWare介紹這幾種圖像格式的優缺點，供您參考。

如果你想在2024年提升你的網頁設計遊戲，我們為你提供了保障。 在本文中，我們將探索您需要了解的所有不同檔案格式。

現今網站上經常使用圖像作為建立網路形象的一環，選對圖檔格式對加強使用者體驗及效能優化起了重要作用，但圖檔格式種類這麼多，要怎麼樣才能選擇最適合的呢？