❶ 網頁圖片的下載及保存方法匯總
設計師在瀏覽花瓣、behance、dribbble等網站時,常將喜歡的圖片保存至個人圖庫。通常情況下,使用瀏覽器右鍵另存為即可完成。然而,有些網站出於許可權設置,右鍵無法下載圖片。
例如,在站酷首頁作品列表中,有時會遇到類似情況。當嘗試右鍵保存某插畫大師的作品時,系統會提示作品設置了隱私保護,禁止保存。
解決方法如下:
1:右鍵點擊頁面空白處。
2:選擇「檢查」。
3:在彈出的界面中,選擇左上角的箭頭。
4:用滑鼠選中要保存的圖片,單擊後會看到下方圖片的網路地址。
5:雙擊復制網路地址,新建瀏覽器標簽粘貼即可。
關鍵在於找到對應圖片的網路地址,然後下載。
另外,有時圖片上層有鏈接遮擋,導致無法右鍵另存為。例如,站酷首頁大banner下的廣告圖。這是因為圖片上方有一個透明的鏈接區域,右鍵點擊的實際上是這個鏈接,所以無法下載。
解決方法:
1:右鍵單擊圖片。
2:在彈出的界面中找到藍色行的下方代碼,即為圖片網路地址。
3:雙擊復制網路地址,新建瀏覽器標簽粘貼即可。
還有一種情況是圖片用css背景製作。在這種情況下,我們無法使用以上方法保存圖片,因為右鍵後在代碼區無法找到圖片。
解決方法如下:
1:右鍵單擊圖片。
2:在彈出的界面右側會看到對應圖片的css樣式。
3:選中background-image後面的藍色鏈接。
4:右鍵點擊「Open in new tab」。
關於css的介紹,這里就不多說了。它是高級UI必備技能,網上教程也很多。建議UI設計師最好懂一些html+css基礎知識,幾個星期的學習就可以解決很多UI實際問題。
UI黑客將在以後的文章中為大家帶來專為設計師打造的html+css教程,敬請期待。
總結:以上是我們在實際工作學習中經常遇到的圖片保存問題。本質上,我們只需要找到圖片的網路地址,然後使用瀏覽器打開即可。
希望這幾個方法能解決大家之前遇到的一些問題。