每個前端工程師都應該了解的圖片知識

DirtyMind 發布于2019-05-21 19:14 / 2862人閱讀

摘要：據統計，的網站流量均來自網站圖片，可見對圖片合理優化可以大幅影響網站流量，減小帶寬消耗和服務器壓力。一個格子像素，在計算機中，用二進制來表示，使用的二進制位數越多，像素的色彩就越豐富。

前言

隨著web的發展，網站資源的流量也變得越來越大。據統計，60% 的網站流量均來自網站圖片，可見對圖片合理優化可以大幅影響網站流量，減小帶寬消耗和服務器壓力。

有時候你花大力氣去配置 webpack 使打包體積減少，不如好好優化幾張圖片，這篇文章就是讓你明白如何選擇正確的圖片，并且讓你明白這么多圖片格式，在什么場景下使用什么格式，如果想看答案，那么直接滑到文末看圖即可。

我的更多文章可以看 GitHub博客,

基本概念

在進入正題之前，先聊聊一些圖片相關的基本概念。

一張照片（位圖）不斷放大之后，會看到一個個小格子，這些小格子，叫像素。

一個格子（像素），在計算機中，用二進制來表示，使用的二進制位數越多，像素的色彩就越豐富。

舉個

云服務器 GPU云服務器前端工程師知識前端工程師都做什么 web前端工程師都干什么每個域名都要備案嗎

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/6665.html

小光光談前端

摘要：這個問題應該是百度或者知乎都能知道答案的，以上是自己親身學習的一些途徑方便少走一點彎路入門。問題1：前端的學習路線基礎的html，css，js，推薦慕課網免費課程:前端工程師路徑,極客學院免費課程:前端工程師路徑大概刷過就可以了，不用死記硬背某個知識點，css跟js還需要加深學習的，在實戰過程中不懂就去查文檔基礎的ps切圖能力慕課網ps基礎課程擁有自己的虛擬主機傳送...

canopus4u 2019-08-29 16:10 評論0 收藏0
小光光談前端

摘要：這個問題應該是百度或者知乎都能知道答案的，以上是自己親身學習的一些途徑方便少走一點彎路入門。問題1：前端的學習路線基礎的html，css，js，推薦慕課網免費課程:前端工程師路徑,極客學院免費課程:前端工程師路徑大概刷過就可以了，不用死記硬背某個知識點，css跟js還需要加深學習的，在實戰過程中不懂就去查文檔基礎的ps切圖能力慕課網ps基礎課程擁有自己的虛擬主機傳送...

shiguibiao 2019-08-23 10:26 評論0 收藏0
[雜談]了解一些額外知識，讓前端開發錦上添花

摘要：對的請求，也是要有一個了解，比如協議，請求方式，請求過程，結果狀態碼等。教程協議詳解經典面試題一個故事講完響應狀態碼上面提到響應狀態碼，在這里也簡單寫下。勸了別人無數次，讓別人喝了雞湯，幫別人填坑，自己卻掉了坑 1.前言在前端學習里面，很多人都是注重學習代碼（html，css，js）。或者是一些框架，庫（jquery，vue，react）,或者是各種工具（webpack，gulp）...

vvpvvp 2019-08-22 18:15 評論0 收藏0
[雜談]了解一些額外知識，讓前端開發錦上添花

摘要：對的請求，也是要有一個了解，比如協議，請求方式，請求過程，結果狀態碼等。教程協議詳解經典面試題一個故事講完響應狀態碼上面提到響應狀態碼，在這里也簡單寫下。勸了別人無數次，讓別人喝了雞湯，幫別人填坑，自己卻掉了坑 1.前言在前端學習里面，很多人都是注重學習代碼（html，css，js）。或者是一些框架，庫（jquery，vue，react）,或者是各種工具（webpack，gulp）...

張率功 2019-08-02 10:45 評論0 收藏0