如何選擇適合網站的圖片檔案類型?

當你計劃為網站添加內容或對現有網站內容進行更改時,你會遇到不同的檔案類型,例如 .jpg,.png,.pdf等。除非你是圖片編輯師或你曾受過某種電腦教育,否則你可能不太了解這些術語的含義。但是,做好這份工作對你的網站架設很有幫助,而且如果你能全面了解這些不同的檔案類型,你就能明白在為網站添加內容時,該怎麼作出最好的選擇。

假設你是一名網頁設計師,需要決定向你的老闆推薦適合網站的圖片檔案類型。你就需要能夠區分各種檔案類型並明白它們之間的好處差異,除了網站內容,那還需要知道哪種檔案類型最適合用於製作品牌Logo或社群媒體貼文等。如果你不知道檔案類型最適合那種特定的要求,你最終可能會得到一個沒有流量的網站,無法達到所有品牌目的的Logo,或者社群媒體貼文在所有設備上都沒有響應。因此,在任何情況下,了解你需要的檔案類型及其特定用途對你的線上業務都有好處。

您是否也好奇哪個圖片檔案類型更適合網站背景圖片呢?點擊這裡查看更多。

8種常見的檔案類型:

1. JPG

2. TIFF

3. PNG

4. GIF

5. PDF

6. MP4

7. EPS

8. SVG


在我們開始了解那些常用的檔案類型之前,讓我們先來看看能將所有檔案類型全部歸類的兩個主要檔案類別:

• 光柵檔案

光柵圖像由一系列像素或單個塊組成。 JPEG、GIF 和 PNG 都是光柵圖像擴展的示例。由於像素具有基於其分辨率(高或低)的定義比例,因此無法隨意拉伸圖片大小以填充空間,因為這樣做會導致圖像變得模糊或不清晰。調整圖像大小意味著你將不得不在圖像品質和分辨率上做出妥協。

• 矢量檔案

與光柵檔案不同,矢量圖像更加靈活,因為它們是使用比例公式而不是像素構建的。矢量檔案的示例是 EPS、SVG 和 PDF 檔案,它們非常適合用於建立需要頻繁調整大小的圖形。強烈建議你將你的品牌Logo或其他品牌圖形等都設定為矢量檔案,並且必須始終保留主檔案。矢量非常適合製作需要調整大小的圖像,因為它們始終適合所有尺寸,你製作的品牌形像內容無論大到橫幅,或小到紀念品和郵票,矢量檔案都能完美地配合你的工作!專業提示:最好將所有類型的檔案設定為矢量檔案,這些檔案可能會在將來派上用場。

為你的網站添加圖像內容

圖片取自Strikingly產品

8種常見的檔案類型:

1. JPG

JPG(也稱為 JPEG)是以其建立組織名字(Joint Photographic Experts Group)縮寫命名的一種檔案類型。這類檔案格式常見於拍攝的照片,也因此類檔案可被壓縮而成為相機用於存儲照片的默認檔案類型。但是能被高度壓縮的檔案也有一個主要的缺點,即JPG圖像在被壓縮的過程中會失去其原始品質。因此,不建議將 JPG 檔案用於列印,,但由於其尺寸較小,因此非常適合在網站上使用。雖然你可以使用高品質JPG進行列印,,但我們始終建議你使用PDF或PNG檔案格式進行列印,。

2. TIFF

TIFF檔案類型是“Tagged Image File Format “的縮寫。此類檔案類型包含大量詳細數據,因此訊息量與所佔空間非常大。圖像無法被壓縮的高品質特性,加上它們可以保存為所有顏色的原因,使它們非常適合用於列印目的。但是由於圖像非常大,它們可能不適合在網絡上使用,因為它會降低你的頁面加載速度。但這些類型的檔案非常適合用於Adob​​e Photoshop等照片編輯軟體和Quark或Adob​​e InDesign等頁面佈局軟體中。圖像的高像素意味著你可以準確地設計和編輯需要高清晰度的圖像。

3. PNG

相較於之前提過的JPG檔案,PNG(Portable Network Graphics )則是在編輯過程中不會降低圖像品質的檔案類型之一。這種檔案格式幾乎從不用於列印,而僅用於網站,它的尺寸稍比JPG大,而它的主要優點是你可以透過此類檔案儲存具有透明背景的圖像,這對於設計和行銷項目非常有用。PNG檔案類型最適合用作網站圖示。網站圖示是一個 16×16 像素的小圖示,可幫助訪客快速點擊而找到特定頁面。

使用PNG檔案來創建網站圖示

圖片取自Strikingly產品

4. GIF

如果你是社群媒體使用者,那你一定不會對GIF圖感到陌生。GIF代表Graphic Interchange Format,是與JPG一樣可以被壓縮的檔案類型。但它與JPG又不盡相同,它們的第一個區別很明顯,即GIF可以被視為動畫圖像。其次,正如我們提到的,GIF是可壓縮的,但在保存時仍比JPG佔用的位置大得多。GIF 是一種位圖圖像,由許多微小像素部分組成,它也屬於不會丟失其品質並允許使用者調整大小的檔案類型,最適合存儲簡單的圖表、形狀和Logo。此外,GIF的顏色範圍有限,這使得它們僅適用於網際網路上的使用。

5. PDF

PDF 最初由 Adob​​e 建立,以便用戶可以在任何設備,應用程式,操作系統或瀏覽器上捕獲和查看檔案和圖形。這種檔案類型非常常見,因為它可以同時滿足網站與印刷的需求。儘管這些類型的檔案具有強大的矢量圖形基礎,但它們仍可以被轉換為光柵圖形,甚至電子表單等形式。為你的設計與圖像建立一個PDF版本很重要,因為這是大多數印刷公司需要的高品質檔案類型。無論你是要向某人發送電子表單或列印,小冊子,PDF都可以在不犧牲分辨率的情況下顯示它們。

選擇合適的檔案類型以為網站添加圖片

圖片取自Strikingly產品

6. MP4

MP4是一種多媒體檔案類型,通常用於存儲電影或影片。雖然該檔案類型也能用於存儲音訊和字幕,但它的壓縮格式只允許你獲得一個非常輕量級的小檔案,你可以將這類檔案輕鬆上傳到你的網站或任何社群媒體頻道中。MP4的一個優點是它可以在所有主要媒體播放器上播放並透過網際網路傳輸,因此你不必為此而下載特定軟體。簡而言之,這是建立或上傳影片和音訊到你的網站,社群媒體等平台的最佳檔案類型。

為網站嵌入MP4檔案類型影片或音頻

圖片取自Strikingly產品

7. EPS

EPS是Encapsulated PostScript的縮寫,此類檔案是可縮放的矢量圖像。與PDF一樣,EPS檔案也可同時被存儲為矢量或光柵類別。這種檔案類型的主要優點是無論大小,它總是能以正確的分辨率顯示。因此,這些類型的檔案最適合用於建立品牌Logo或服裝設計。儘管EPS檔案可以包含光柵數據,但這種類型的檔案格式不適用於照片或藝術作品和網站上。

8. SVG

SVG與EPS一樣,即使調整大小,它們也能保持最高品質,因此這些類型的檔案也非常適合用於建立品牌Logo。你甚至可以使用此檔案類型來放大圖像以適合廣告牌或橫幅的需求。SVG圖像也是用於列印,目的的檔案類型。因此,當你建立Logo,圖示和插圖時,你可以將它們保存為SVG檔案。

不同的Strikingly付費方案

圖片取自Strikingly產品

透過Strikingly輕鬆為網站添加適合的圖片檔案:

當你在Strikingly上建立網站或為其添加內容時,你不必過於擔心如何選擇正確的檔案類型,因為Strikingly網站編輯器支持一系列的檔案類型,例如jpg,png和gif等。 Strikingly 的建站工具甚至支持txt,pdf,doc,xls,ppt,pages,key,numbers,wps,jpg,png,gif,mp3,mp4,wav,flac,m4a,docx,xlsx,pptx,odt,odp,epub,zip,zipx,7z,rar等。即使你的檔案類型不是上面列出的類型之一,也大可不必擔心,因為你可以將任何類型的檔案轉換為zip或rar檔案,然後將其上傳到你的 Strikingly網站中。你唯一需要記住的是將檔案的大小限制在10MB以下。 Strikingly還根據你註冊的付費方案提供不同的存儲空間,比如使用有限計劃,你將可以獲得 1GB;專業計劃用戶則可獲3GB;而VIP計劃用戶可獲高達10GB的存儲空間。

文章總結

了解各種文檔類型之間的差異可能並不總是派上用場。但它肯定會避免失誤以及本可以完全避免的特殊情況發生。這篇文章已經向你講解了八大最常用的檔案類型以及他們的最佳使用條件,現在是時候讓你著手進行更大的設計與編輯項目了。但是在那之前,不要忘記加入 Strikingly,讓你的工作更輕鬆。如果對內容有疑問,可以透過 support@strikingly.com 與我們聯絡。