1. jpg、png、gif 適用場景
jpg
色彩豐富、大的圖片
例如 寫實的影象，商品圖片，人像，實物素材的廣告banner等
png
色彩較少，有透明，或 具備較大亮度差異及強烈對比的影象，
例如 "立刻購買" 按鈕中的背景和文字
png24 顯示效果更細膩，優先選用
gif
有動畫才用
web圖片使用
相關文章
- WEB前端優化：使用“漸進”圖片或“交錯”圖片Web前端優化
- Web端裁剪圖片方法Web
- 淺談Flutter web 圖片選擇器及圖片壓縮FlutterWeb
- 如何處理 Web 圖片優化？Web優化
- Web效能優化：圖片優化Web優化
- JavaScript WebGL 使用圖片JavaScriptWeb
- Flutter 圖片的使用Flutter
- web前端圖片上傳(3)–filereaderWeb前端
- web前端優化之圖片優化Web前端優化
- Web效能優化之圖片優化Web優化
- web技術分享| 圖片上傳與圖片裁剪結合 vue3WebVue
- AlamofireImage 使用 – swift載入網路圖片，縮放圖片，生成圓形圖片Swift
- 瀏覽器 Web 訪問剪下板圖片瀏覽器Web
- web前端實現圖片壓縮處理Web前端
- web前端圖片極限最佳化策略Web前端
- WEB開發中合理選擇圖片格式Web
- Flask Web開發入門（十）之圖片上傳（使用Flask-Upload）FlaskWeb
- Laravel 使用 FastDFS 上傳圖片LaravelAST
- JavaScript WebGL 使用圖片疑惑點JavaScriptWeb
- 如何在Django中使用圖片Django
- 使用Jquery Viewer 展示圖片資訊jQueryView
- 微信小程式圖片使用示例微信小程式
- HTML使用canvas載入圖片HTMLCanvas
- 圖片不存在使用預設圖片替代程式碼例項
- Android使用LruCache、DiskLruCache實現圖片快取+圖片瀑布流Android快取
- Web效能優化系列：藉助響應式圖片來改進網站圖片顯示Web優化網站
- 通過圖片地址，將圖片處理成base64，使用ajax上傳圖片
- Flask Web開發入門（十一）之圖片展現FlaskWeb
- 使用httpclient下載 頁面、圖片HTTPclient
- Java使用Thumbnailator給圖片加水印JavaAI
- Laravel 使用 Intervention/image 處理圖片Laravel
- 使用icomoon把svg圖片生成字型圖示SVG
- 如何使用 Javascript 將圖示字型渲染為圖片JavaScript
- Android使用Fresco之下載圖片（包括GIF圖）Android
- base64,雪碧圖CSS Sprite,直接使用圖片CSS
- python使用pillow和opencv生成圖片縮圖PythonOpenCV
- 如何使用css來讓圖片居中不變形 微信小程式和web端適用CSS微信小程式Web
- 輕量級web富文字框——wangEditor使用手冊（6）——配置“上傳圖片”功能Web