產品簡介

PerfectPixel by WellDoneCode (pixel perfect) 由 Ilya Stepanov 發行，並列為 Chrome 平台。開發者將其目的描述為「將您的模型上傳至即時頁面，與你的程式碼進行像素級的完美比較。」本指南整合了文件中的功能、安裝入口點及相容性細節，讓您能判斷是否適合您的任務。

主要功能

官方列表詳細說明了以下功能。安裝前，請先將所需功能與現有平台及付費功能資訊進行比較。這些是開發者的描述，並非獨立的效能或安全測試結果。

「先調整疊加圖，然後調整透明度來比較。」
「在任何網頁上覆蓋任何 PNG、JPG 或 SVG」
「可調整不透明度以實現即時視覺比較」
「4種混合模式（差分、反轉、乘法、疊加）加上一般模式——每種模式都有助於捕捉不同類型的不匹配」
「在 DevTools 裝置模式下設計行動裝置：將 PerfectPixel 移到瀏覽器側邊，讓視窗保持清晰」
「每個網域持續性：你的圖層會保留在每個站點，並會自動在瀏覽器會話間還原」
「每個領域多層」
「縮放、重新定位與居中控制」

安裝與首次使用

打開 Chrome 網路商店連結，確認PerfectPixel by WellDoneCode (pixel perfect)並Ilya Stepanov出版商，然後選擇「加入 Chrome」。確認前請先閱讀所要求的權限。安裝後，Chrome 的擴充功能選單提供擴充功能存取;固定工具列圖示是可選的。若要之後停用或移除，請使用 Chrome 的管理擴充功能頁面。

清單宣告工具列動作。使用工具列的輸入開啟擴充功能的動作。會宣告一個選項頁面;在管理擴充功能中開啟該擴充功能的詳細資訊以存取其設定。

操作方法

從符合你任務的操作開始。以下行動已在官方名錄中記錄;它們是獨立的使用選項，不是每個使用者都必須完成的序列。對於未在此列出的控制方式，請參考https://www.welldonecode.com/perfectpixel，而非假設有特定的按鈕或選單存在。

「鎖定覆蓋層，點擊並與下方的頁面元素互動」
「運作方式是：安裝擴充功能，打開任意頁面，然後放進圖片——拖放、貼上網址、從剪貼簿貼上，或使用檔案選擇器。」

平台、版本與支援語言

認證商店版本：Chrome、Microsoft Edge、Firefox。擷取的 Chrome 版本為 3.2.0.2，更新於 2026-09-28。不同商店的版本號和功能可用性可能有所不同。請使用對應的官方商店按鈕;瀏覽器共用 Chromium 並不代表有獨立的官方商店版本。

官方商店列出了三種介面語言。本頁支援的語言標籤來自該產品元資料;它們與本指南提供的八種語言是分開的。查看目前的商店，看看某個語言是否對你的工作流程很重要。

價格與付費功能

開發者描述了免費方案、試用版或免費版，並搭配付費功能。請查看官方網站，了解您所在地區目前的功能限制與價格。安裝瀏覽器套件與訂閱連接服務是分開的操作;僅靠瀏覽器商店按鈕無法確定包含哪些付費功能。

權限與隱私注意事項

已發佈的擴充套件清單列出這些 API 權限：activeTab、scripting、sidePanel、storage、unlimitedStorage。這些是宣告能力，而非開發者實際收集資料的證明。在授權使用前，請先閱讀 Chrome 的安裝提示和開發者的隱私政策（https://www.welldonecode.com/privacy/）。

Chrome 擴充功能細節允許你檢查網站存取並停用擴充功能。若未出現預期控制項，請檢查擴充功能是否啟用，且目前網站的描述是否支援。不要只為了排除單一網站問題而將所有網站的存取權限延長。

常見問題

官方下載在哪裡？請使用 Chrome 網路商店按鈕，查看本指南中提到的精確商品列表：https://chromewebstore.google.com/detail/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=en. 對於其他已驗證平台，請使用它們各自的商店按鈕。本頁面不提供安裝套件或修改過的副本。

如果某個功能有變動，我應該去哪裡找？比較目前商店版本與 3.2.0.2，然後查看https://www.welldonecode.com/perfectpixel.商店截圖顯示的是提供的商品圖片，但後續版本和裝置配置可能會有所不同。針對帳號、帳單及產品相關問題，請使用官方支援管道。

產品截圖