企業建站 | BANNER被裁掉,是BUG嗎?——有圖有真相
2018-06-07 00:00:00
有客戶反映,“為什么我在BANNER上傳的圖片,在蘋果電腦上被裁掉了呢?”
原因是——
UEmo的技術工程師和設計師,為了保護客戶在不同的顯示器分辨率環境下,看到網站上圖片的效果(比例不被壓縮,質量不變)是一樣的,所以把BANNER的高度做了固定,這是一種善意的保護。
那我們在作圖的時候需要注意什么呢?
當您用蘋果電腦較多,或者您客戶用蘋果電腦較多時,您可以用蘋果電腦打開后臺,根據后臺提供的寬度尺寸(通常是1920)制作圖片,在尺寸不變的情況下,把圖片里的主體物,框定到您的屏幕分辨率里,即可達到您想要的效果。
說白了就是——把主體物離左右兩邊的距離遠一些就好~
(如右下圖,在1440*900的分辨率下,淺藍色部分是會被顯示出來的區域,天藍色的部分,是會被裁掉的部分,最終的效果是——在1920和1440的環境下,圖片都不會被壓縮,圖片也不會有任何影響)
為什么要把圖片的高度固定呢?
您往下看就明白了——
我們來看一下同樣一張圖片,在“高度固定”和“高度不固定”的情況下,在不同分辨率里顯示分別是怎樣的
后期,技術工程師會在BANNER圖片的上傳上,做出改進,讓客戶能夠靈活上傳圖片~ 拭目以待吧~
擴展閱讀
1.剛才提到,不同分辨率的環境,那么什么是分辨率呢?
分辨率是指單位面積顯示像素的數量。
2.用蘋果電腦的客戶,到底有多少呢?
通常辦公電腦的分辨率,也就是“主流分辨率”是1920*1080,它的比例是:16:9
經過統計過,訪問網站的分辨率,“主流分辨率”占所有分辨率的:65.57%
(低于0.1%的就不展現了)
也就是說,100個人訪問網站,65個人用的是主流分辨率;其次有7.3個人用的1440*900的蘋果顯示器。
總結:當您和您的客戶,用蘋果顯示器情況較多時,請用上述的方法,能夠完美的解決您的問題~