如何在瀏覽器中檢視網站設計稿圖片?

有的時候,我們委託建站公司或者企業內部的設計師,設計了一張設計稿圖片。因為一張設計稿圖片內容是比較多的,如果我們直接雙擊開啟圖片,看到的效果就會有一定的偏差。而且當設計師和想要檢視的人不在同一個地方。那麼在預覽設計稿圖片的時候,也會出現偏差。現在教你怎麼用瀏覽器檢視網站的設計稿圖片,讓你看圖片的時候,就好像是看到了網站設計出來的效果一樣。

工具/原料

設計稿

瀏覽器

方法/步驟

開啟瀏覽器,瀏覽器有很多比如百度瀏覽器,360瀏覽器,搜狗瀏覽器,獵豹瀏覽器,谷歌瀏覽器等等。我這裡用的是獵豹。

開啟圖片所在的位置,如圖所示

如何在瀏覽器中檢視網站設計稿圖片

一般情況下,我們都是直接雙擊圖片,來檢視。雙擊檢視有一個缺點,就是隻能看到區域性,要看到下面的內容就必須往下拉,如果滾動就變成放大圖片了。

如何在瀏覽器中檢視網站設計稿圖片

用瀏覽檢視設計稿的好處就是可以直觀的看到,設計稿完成後的效果。操作方法:請先還原瀏覽器視窗(圖一),還原的樣子是(圖二)

如何在瀏覽器中檢視網站設計稿圖片

如何在瀏覽器中檢視網站設計稿圖片

找到設計稿所在的資料夾位置,然後將設計稿拖拉至瀏覽器視窗中。拖進來後,就可以鬆手了

如何在瀏覽器中檢視網站設計稿圖片

拖進來以後看到是這樣的。只要在點選一下圖片,然後在放大瀏覽器視窗,就可以和看網頁是一樣一樣的了。

如何在瀏覽器中檢視網站設計稿圖片

最終效果展示。學會了麼?

如何在瀏覽器中檢視網站設計稿圖片

時候, 圖片, 網站, 企業, 瀏覽器,
相關問題答案