圖片知識

老葉愛學習發表於2017-12-15

圖片路徑

image.png

/ 表示當前站點的根目錄(域名對映的硬碟目錄)
../ 表示上一級目錄
../../ 表示上上級目錄,以此類推
複製程式碼

思考

  1. 網頁檔案路徑一般使用相對路徑,採用相對路徑的圖片路徑在image文件下面,這樣整個專案檔案地址轉變不會影響image文件內的路徑。
  2. 但採用絕對路徑的話,一旦換了一個盤地址,原有地址就會失效。

圖片的格式

圖片類

  • .jpg
  • .png
  • .gif
  • .bmp
  • .ico

image.png

image.png

簡單粗暴地說,小圖示,用png儲存最好。

png可以儲存透明,完爆gif的地方在於失真小,沒鋸齒;劣勢是不支援動畫;png採用無失真壓縮,在多數情況下都可以保留圖片裡所有畫素。

PNG無失真壓縮演算法,簡單地說,就是把圖片裡出現的每一個顏色都記錄下來。通過記錄這些顏色相對應的值記錄一張圖片。

向量圖:小圖示(優點拉大拉小不失真)

iconfont
http://www.iconfont.cn/

相關文章