解析度觀念大補帖

dpi,ppi,傻傻分不清楚
  • 單位與色彩模式概念

一般來說~
在印刷的世界裡,
印刷品大多使用 mm,使用的色彩模式為 CMYK
而在網路上世界,使用的則是 pixel,使用的色彩模式為 RGB
檔案要因應需求,不要開錯單位和色彩模式囉!

  • 解析度概念
  • ◽️ DPI(英語:Dots Per Inch,每一英吋的點數)

是一個量度單位,用於表示列印圖像或顯示器單位面積上像素數量的指數

  • ◽️ PPI(英語:Pixels Per Inch,每一英吋的像素)
又被稱為像素密度,用於呈現點陣的數位影像
  • 🌟 簡單來說呢 🌟

DPI 為印表機、噴墨型輸出機、掃描器物理設備的解析度單位,也稱為設備解析度
通常我們常說的「這台印表機是多少dpi?」是在說
➡️ 在最高解析度的模式列印下,每英吋的範圍中,可以列印多少個「點數」?

PPI則為數位解析度的單位,為圖像的解析度指標
通常我們在說的「你這張照片的解析度是多少?」就是在說
➡️ 在長、寬固定數值的像素之下,每一英吋內有多少個像素?

  • 網頁使用輸出建議

為了顧及瀏覽者在載入網頁時的速度,一般來說網頁我都不建議使用檔案容量過大的圖片來製作
以檔案容量來說,banner及主要大圖 < 500mb小圖<100mb 會是最剛好的文件大小
那~我通常會使用下述的方式來壓縮檔案!

  1. 調整dpi:
    由於一般螢幕的解析度為72dpi,所以置於網站上的圖片只要設定72ppi就夠啦!
    但隨著科技的發達,有些螢幕已經製作達300dpi的解析度(哇!和人眼一樣呢)
    你也可以根據使用效果來評斷要調整為多少dpi,但通常是印刷品,才會使用到300那麼高的dpi哦~
  2. 調整尺寸:
    現在電腦螢幕最廣泛的解析度仍為1080p,因此如果你的圖片長、寬的像素過大,也是沒有辦法呈現的,只會徒增網站的使用容量、延長載入速度呀~
    💡 當你拍完一張照片,千萬別急著放上網站,先將尺寸調整至適當大小吧!
  • 粉專輸出建議尺寸
  • 輸出解析度常見小問題
  • ◽️ 圖可以印多大?

想要計算自己的印刷圖檔最大能夠印多大嗎?
只要將檔案的長寬畫素除以設定的解析度後(解析度單位為ppi)
乘上2.54(一英吋=2.54公分)就可以得到可列印的最大長寬唷!

  • ◽️ 要印清楚一定要高解析嗎?

這個概念基本上沒有錯,因為低解析想要印高清是不可能的事
那剛剛前面提到了解析度的概念
所以,如果希望我的圖可以高解析的輸出,是不是就設定高dpi呢?

「 其實這也需要看輸出設備的dpi設定 」
儘管你給了高解析的圖,若是使用100dpi的設備去輸出,一樣無法獲得高解析結果
而就算是高解析上千dpi的設備,也會因為綜合測試與考量後得到最佳的dpi區間值
這也是為什麼常常去大圖輸出,廠商卻請你將圖片設定為100~150ppi的原因哦

🛠 線上小工具分享 🛠

  • ◽️ Tinypng
  • 為「線上」「免費」 「壓縮」 的好工具
  • 直接將圖片壓縮成 72 ppi
  • 支援最常用的 PNG 與 JPG格式
  • 上傳檔案大小最大可達5MB
  • 可一次上傳20張圖片並同時進行壓縮(全數下載時還會幫你放在同一個資料夾!好貼心)
  • 上傳、壓縮圖片的速度迅速
  • ◽️ Web resizer
  • 為線上「裁切」「修圖」「導圓角」的好工具
  • 一次只能處理一張圖片
  • 可自定義裁切寬度、壓縮解析度
  • 支援最常用的 PNG、JPG與 GIF 格式
  • 上傳檔案大小最大可達 5MB

🌟 最新課程 🌟

如果你也喜歡,歡迎分享
歡迎各項教育訓練、演講邀約👏🏻

Share on facebook
Share on email
Share on print

阿比 A-bi

嗨!我是最熱情的阿比~~❤️
接觸設計已有八年的時間,從大學時期開始察覺到設計必須具備商業思維,
在與網路行銷朝夕相處的豐富經驗下,整理出了結論「設計是用來溝通的美好事物」並且堅持自己只做能賺錢的設計、教授如何讓自己的圖文達到商業目的、達到溝通!