影像與照片·社交影像調整器

像素、DPI 和裝置像素比：螢幕上的「解析度」意味著什麼

2026年3月1日 · 背景

圖片分辨率像素影像大小調整

原始 ToolAcre 向量圖

列印習慣說 300 DPI，但社交平台完全忽略 DPI，只關心像素尺寸以及裝置如何縮放它們。這篇文章闡明了像素、點、DPI 元資料和裝置像素比，以便您不再匯出錯誤的內容。

“300 DPI”圖片仍然模糊 - 將列印規則應用於螢幕的具體混亂

標記為 300 DPI 的圖片如果包含的顯示區域像素太少，則在螢幕上看起來仍然會很柔和。 DPI 將像素與實體列印尺寸連結；它不製造樣品。 Social Image Resizer 要求輸出寬度和高度（以像素為單位），並從不提供 DPI 欄位。

此介面選擇定義了產品合約。目前的肖像預設為 1080×1350 像素，自訂比例模式從最長邊緣匯出整數像素尺寸。編碼器從畫布寫入新圖片。該程式碼不會讀取、保留或讓使用者編輯列印密度標籤。

對於列印，將像素尺寸除以選定的每英吋點數或像素值即可估計物理尺寸。這種關係可以指導印表機，但同一檔案可以攜帶不同密度的元資料，而不會獲得或丟失像素樣本。無論列印標籤如何更改，1200×1200 影像仍保留 1,440,000 像素。

本文修正了大綱中更強有力的主張，即螢幕在所有情況下都不會讀取 DPI。該儲存庫不會測試每個瀏覽器、應用程式或 CSS 圖片行為。它證明了 ToolAcre 的成幀演演算法使用點陣圖和目標像素尺寸，而不是 DPI 元資料。

熟悉的 72 DPI 故事屬於顯示歷史，但工具儲存庫中沒有出現該歷史的引用來源。重複它就會把大綱變成沒有根據的事實。對於此工作流程，有用的教訓是獨立的：密度標籤和像素網格是不同的資訊。

若歷史來源很重要，請查閱來源顯示歷史參考。如果社會作物很重要，請檢查寬度和高度。將這些問題分開可以防止印刷時代的標籤分散審查者對實際目標畫布和圖片顯示比例的注意力。

裝置像素比將 CSS 顯示單元與實體裝置像素連結。響應式頁面可能會在更密集的螢幕上顯示具有更多硬體像素的相同 CSS 大小的元素。 ToolAcre 使用 devicePixelRatio 作為其螢幕預覽畫布，而 exportTarget 則以目標的完整輸出尺寸單獨渲染。

這種分離避免了預覽支援解析度與下載檔案大小的混淆。高密度手機可以使預覽畫布清晰，但它不會默默地增加匯出預設。結果表報告實際檔案尺寸，這是傳遞給另一個工作流程的正確值。

此工作簿表示平台會忽略 DPI 並調整大小到自己的尺寸。目標行為位於儲存庫之外，因此本文不會對其進行通用化。請查閱目前的目的地指南並檢查即時結果。 ToolAcre只能保證本地畫布輸出的像素尺寸。

當目標要求以像素形式編寫時，請符合這些像素或目前記錄的替代方案。如果列印工作流程也使用該檔案，請在適當的工具中管理其密度元資料。僅僅因為 DPI 數字聽起來很大，一種衍生產品可能無法滿足這兩個用例。

從相同來源建立兩個測試匯出：一個目前 800×800 設定檔預設和一個 1080×1080 方柱預設。以相同的 CSS 顯示大小和一對一的像素對它們進行比較。較大的網格為渲染器提供了更多可使用的來源樣本，儘管明顯的好處取決於顯示和內容。

請勿在此練習中變更或宣告 DPI 標記，因為 ToolAcre 並未公開此類控制項。僅記錄尺寸、格式、測量位元組和觀察到的外觀。這些證據表明了該工具實際改變了什麼，並避免將清晰度歸因於既沒有檢查也沒有選擇的元資料。

印刷製作、實體打樣和色彩管理保持獨立。印表機需要物理尺寸、基材知識和適當的像素密度；此裁剪器不會計算這些要求。其內容還警告說，不尋常的來源顏色配置檔案不會透過畫布保留。

當英吋、公分、出血或校樣輪廓很重要時，請使用特定於列印的應用程式。當作業是面向螢幕的放置的像素矩形時，請使用社交影像調整器。清晰的界線可以防止成功的社會產出被誤認為是準備好媒體的大師。

考慮此工具的像素，因為像素是每個框架方程式的輸入以及每個輸出畫布的尺寸。將 DPI 視為單獨的列印元資料，除非經審計的目的地合約另有說明。裝置像素比影響瀏覽器呈現預覽的方式，而不影響指定的匯出目標。

選擇目前預設或自訂像素大小，檢查下載的尺寸並在預期的顯示比例下進行測試。該工作流程解決了實際問題，沒有神話。大 DPI 標籤無法補償小來源，而顯式像素網格為審查者提供了可測量的偽影。