近雙十一發現電腦顯示器2K屏幕和4K屏幕價格下降了很多，價格已經到可以接受的地步。然后當拿到高清屏的時候你是不是覺得網站上的圖標或者圖片看起來有點模糊呢？
某游戲論壇icon模糊
一、高清屏分辨率
我們以2K和4K高清屏分辨率來說一個是2880*1800、3840*2160。在Win10下系統推薦會默認幫大家把分辨率調整成150%，也就是說你瀏覽器訪問網站時的分辨率并不是4K正常分辨率，而是2560*1440。以此類推2K系統默認設置成1920x1200。(注意這里MacOS系統不一樣，以15.6寸來說系統會設置成1440x900)所以為什么你看的時候就會顯示模糊了，系統自動為你拉大了1.5倍，這個時候要是網站圖片不適高清圖，圖標不適矢量圖就會出現模糊。
這里在Win10下我個人喜好設置到175%會看上去更清晰更大一點，眼睛會舒服很多。而設置到175%時，就會由默認的分辨率3840*2160，變成2195*1235了。
如果你電腦是MacOS系統可以在系統偏好設置-顯示器進行調試，外接顯示也是在這里調試。
外接顯示器
二、怎么讓你的設計稿不模糊
1.改變圖片大小
如果你網站使用的是位圖，而你又用了高清屏系統那么自動會幫你圖片拉大到1.5倍或者2倍，如果你還是以你原來的1倍設計稿切圖的話，被拉大的圖片自然就會變成模糊。
圖片被拉大邊緣模糊
知道原理以后你是不是就可以對癥下藥了，這個時候你在做圖的就把尺寸設置成2倍或者3倍大小開始制作，或者你圖片是用的矢量工具畫的那么你在導出的時候就可以導出為了2倍或者3倍稿。
導出圖片設置
2.制作圖標利用SVG格式
我們在制作圖標的時候可以把圖標格式導出為SVG格式，這樣就可以按1倍導出，因為SVG格式是矢量的可以無限放大縮小，圖片都不會模糊。而且還可以在程序里面設置任意顏色，減少切圖的工作量，現在很多網站都在使用，不過這里banner不適合。
矢量圖拉大也沒有模糊
而SVG格式制作也很方便，現在主流的設計軟件都支持SVG格式導出。
主流設計軟件都支持導出
3.把你圖標轉換成iconfont
我們都知道現在很多網站或者組件庫都有圖標庫，而這些圖標庫圖標都會打包到一個字體庫里面，其原理就和SVG格式一樣。只是字體庫方便轉換而且也減少網站帶寬資源。你可以根據自己的需要自己生成公司產品的字體庫方法很常見，上傳完以后交給前端開發調用就可以了。這里我們可以去國內最有名的阿里巴巴矢量圖標庫去制作。
這就是我自己項目的字體庫
三、總結
2K屏和4K屏幕以后肯定會慢慢普及，而網站又是一個企業對外的形容，如果這個時候看到你的網站圖片模糊或者顯示不正常的時候，在客戶和用戶心中就會大打折扣。這里只是淺談了怎么快速讓你的網站圖標或者圖片適應現在的趨勢，這里圖片模糊只是一個開始，還有后面適配不同屏幕大小的現實內容多少的問題，幾年前響應式設計在國外就很出名，只是當時移動互聯網的發展，造成現在PC端網站很少有人使用，現在整體發展緩慢下來了是不是可以考慮一下網站的用戶體驗問題了。尤其是現在B端設計，都是大屏全屏布局，要是在高清屏下面沒有很好的設置顯示布局的斷點，就會造成顯示內容的錯位或者有橫向滾動條，這個時候也是考驗設計師全局觀和經驗了。我相信以后的設計師會更加在項目中有話語權，同時體驗設計師也會在B端設計中發揮重要作用。
著2K、4K屏價格降低，越來越多的用戶入手了這些高分屏。不過在常見的24英寸～27英寸屏幕上使用標準顯示大小的時候，高分辨率下的文字、圖標等常常會顯得過小，所以大部分人會使用“顯示設置→縮放與布局→更改文本應用的該項目的大小”功能，對整體顯示元素進行縮放（當然主要是放大）。
Windows 10提供的顯示縮放設置雖然簡單，但卻并不是很“靠譜”，在很多時候，傳統的Win32軟件無法直接匹配縮放設置，界面模糊或者“堅守”小窗界面等情況很常見。甚至在Windows 10自身的界面中，也經常會出現字體放大但圖標大小不變，或者界面看似平滑清晰，但截圖粗糙模糊等情況。由于這一問題已經存在了很久，所以大家也不要期望在近期的版本升級中會有明顯改善
但是，高分屏已經買到手，要提升使用體驗，就必須解決這些問題，我們該怎么辦呢？
●系統設置
首先還是從Windows 10的系統設置入手，依次進入“設置-系統-顯示”，在右側的“縮放與布局”下點擊“高級縮放設置”，將“允許Windows嘗試修復應用，使其不模糊”的選項打開（圖2）。這一選項并不能真正解決模糊問題，但在使用125%、175%這樣比較特異的放大率時，會有更好一些的表現。
●應用程序設置
此外我們還可以針對單個應用程序進行縮放設置優化。在想要設置的程序快捷方式上用鼠標右鍵選擇屬性，在“兼容性”選項卡下，點擊進入“更改高DPI設置”。
勾選“替代高DPI縮放行為”，在下拉菜單中選擇“應用程序”，可以有效緩解縮放導致的應用程序顯示虛化問題，但由于程序開發不合規等問題（沒有按照微軟標準API接口執行），有的程序界面會變得極為怪異，出現類似的問題，只要將下拉菜單中的選項改成“系統（增強）”即可。
●修改注冊表
通過系統和應用程序設置，這些應用程序的縮放表現會好得多，但Windows固定菜單字體的大小、匹配等還是經常有問題。既然在外部設置中找不到的進一步的優化設置，就只能從注冊表中想辦法了。
按Win+R組合鍵呼出界面，輸入regedit并回車進入注冊表編輯器，定位到HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\SideBySide。在右側新建名為“PreferExternalManifest”的DWROD（32位）值，并將其數值數據設置為1，注意選擇為10進制。
然后新建個文本文檔，輸入內容：
Microsoft Management Console
true
把文件重命名為“mmc.exe.manifest”（含擴展名），然后拷到C:\windows\system32（或安裝Windows的其他目錄\system32）下即可，之后重啟系統，各種窗口界面的顯示效果會好一些。
●專業軟件的特殊情況
很多圖形、設計相關的軟件，比如Multisim，以及Adobe旗下的幾乎所有設計軟件，都對系統顯示縮放支持很糟糕，我們可以使用代碼強制其使用windows的縮放設置。創建一個文本文件，輸入以下內容，也可以從網盤（https://pan.baidu.com/s/1CK85kDAEKL4FmdGXglks7g）中直接下載manifest.txt。
將文本文件名稱改為相應軟件的啟動文件加后綴名manifest，例如photoshop.exe.manifest、fireworks.exe.manifest、illustrator.exe.manifest、dreamweaver.exe.manifest等。將相應的manifest文件拷入這些啟動文件所在的相應目錄下即可。
由于這些軟件在設計時對縮放的兼容性就不好，所以強制放大后按鍵變得更大更容易使用，但也會造成按鍵圖標模糊，如何取舍就看大家的需求了。
●其他
針對Windows 10這個萬年不改的問題，也有一些第三方軟件可以幫忙，像“No!!MeiryoUI”可以設置系統字體大小，解決顯示模糊問題，或者“Windows 10 DPI Fix”（圖7）可以讓軟件接管系統設置縮放設置，提升顯示效果。
當然，在Windows操作系統自身帶有缺陷的情況下，各種改善縮放模糊問題的方法，都只是表面上的，或者針對某些特定情況的改善，有時我們還不得不綜合使用多種方法才能在日常使用中獲得較好的效果。已經購買了或者正準備購買高分屏的用戶，還是祈禱在未來的Windwos 10版本中，微軟能徹底解決這一問題吧。
臺有小伙伴留言咨詢：
#筆記本分辨率很高但字體很模糊#
相信有很多小伙伴遇到過這種情況
今天小微就來和大家聊聊
如何解決高分屏字體顯示模糊的問題！
高分屏導致了哪些問題？
1、Windows系統文字顯示過小
高分屏可以單屏顯示更多的內容，但是因顯示比例問題，圖標和文字實際顯示過小，使用起來非常累眼睛。
系統文字顯示過小▲
2、軟件兼容性問題導致的界面模糊
當我們將系統的顯示比例設置125%以上時，你會發現打開某些軟件后，界面顯示內容會變的非常模糊，雖然不影響正常操作，但高分屏的使用體驗大打折扣，這種模糊現象主要是因為軟件兼容性問題造成。
軟件界面模糊▲
3、通過軟件兼容性調節后軟件文字顯示過小
軟件界面顯示模糊可以通過調節軟件兼容性來解決此問題。調節成功后你又會發現，此時打開軟件后不模糊了，但是文字顯示過小，使用起來還是非常累眼睛。
軟件文字顯示過小▲
筆記本雖然分辨率越來越高，但由于分辨率過高，導致圖標和文字顯示非常小，不得不通過放大屏幕DPI的方法讓內容顯示的剛剛好。而當DPI調大時，文字顯示又比較模糊，著實有些尷尬...
今天知知為大家推薦一個高分屏顯示模糊修復工具，一次性可以解決以上3種問題，快來看看吧！
高分屏顯示模糊修復工具操作步驟
Step1：下載官方的高分屏顯示模糊修復工具*（知行匯后臺回復：顯示修復工具即可獲取下載鏈接）
*該工具針對分辨率1920*1080機型；
Step2：下載好之后，鼠標右鍵點擊該程序，選擇【以管理員身份運行】；
Step3：打開程序后，推薦選擇【中等-125%】；
正常-100%（推薦）：顯示清晰，整體界面和字體較小
中等-125%：顯示清晰，界面較大，但部分軟件字體會較小
較大-150%：界面和字體最大，不會出現不清晰的情況
Step4：點擊【應用】后，注銷或重啟電腦即可。
好啦
方法教給大家啦
使用高分屏而又被模糊界面困擾的小伙伴
快去試一試吧！