1.位圖和矢量圖

位圖也叫點陣圖，是由一個個的方形的像素點排列在一起拼接而成的，位圖在放大時，圖像會失真。
矢量圖的圖像是由函數曲線生成的，當放大圖像時，實際的原理就是將曲線乘以一個倍數，圖像可以輕易地放大，而且不會出現像素塊，圖像邊緣也不會出現鋸齒

2.svg

目前首選的網頁矢量圖格式
優點：圖像容量小、圖像放大不失真、支持透明背景和半透明色彩、圖像邊緣光滑。
缺點：色彩不夠豐富

轉載于:https://blog.51cto.com/13742773/2335744

總結

以上是生活随笔為你收集整理的CSS图片格式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。