前端資源優(yōu)化(一)

簡要

前端所用的靜態(tài)資源一般有圖片,音樂,視頻。我今天就分享一些優(yōu)化壓縮這些資源的工具以及方法

圖片

非常強大的線上圖片壓縮工具https://tinypng.com/

  • 常用的圖片格式j(luò)pg,png都能進行壓縮,操作很簡單,將圖片拖拽到指定區(qū)域即可,最多可同時壓縮20張圖片
  • 除了線上地址,tinypng官網(wǎng)也提供了ps的插件
  • 還準備了本地壓縮工具 http://tgideas.qq.com/cguide/down/Tinypng.rar(需要注意它會自動覆蓋源文件,提前備份)
  • 基本壓縮率都在百分之七十左右,非常高效好用

音樂

給大家推薦一款強大的音頻編輯器 cool edit pro

  • 它是一款強大的多軌數(shù)字音頻處理系統(tǒng)
  • 因為它不僅僅可以壓縮剪輯音頻,還可以隨意改變音頻信號曲線,對音頻進行放大,降噪,回聲,延遲等等流弊操作
  • 如果你是一個歌曲愛好者,你完全可以用它編輯出錄音棚的效果
  • 這塊軟件是收費的,但是網(wǎng)上可隨意搜出破解版,這里我就不放鏈接了,大家有興趣可以自己了解下。英文不好可以下個漢化版玩玩,操作很簡單


視頻(主要移動端)

https://handbrake.fr/ 是個免費的視頻壓縮軟件,對x264也支持的很好,視頻壓縮可以有很多參數(shù)去設(shè)置

  • 現(xiàn)在移動端插入視頻的需求越來越多,視頻需要持續(xù)的加載,所以優(yōu)化視頻編碼能讓視頻播放的更加流暢
  • 特別是現(xiàn)在h5活動中,運用全屏視頻效果深受客戶喜愛,所以能在移動端和微信流暢播放的視頻,達到的效果比后端去操作服務(wù)器更簡單一點
  • 下面是騰訊建議的參數(shù),大家在壓縮視頻時可以作為參照

建議參數(shù)
格式 mp4
編碼 H.264(AVC)
編碼工具 x264
尺寸 1334*750
碼率 950≤x≤1350kbps
幀率 推薦24fps
編碼配置 main
編碼等級 4.1
編碼方式 平均碼率+二次編碼
音頻格式 AAC
音頻碼率 ≤128kbps
音頻采樣率 44.4kHz

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,045評論 25 709
  • 我感謝這個互聯(lián)網(wǎng)的時代 我感謝東北師大,一切都是最好的資源。 我喜歡這個研究生廂。 我 想家了,我想我爸我媽了,好...
    9949969a81e2閱讀 63評論 0 0
  • 在異域的城市里 肆意的談?wù)撝?鄉(xiāng)人死去的消息 平平淡淡的 像雞死了 鴨死了 還不如 然而還是想辯解幾句 這并不是冷...
    非卿是故閱讀 165評論 0 0
  • 【元啟晨間分享】 [太陽][太陽][太陽][太陽] 《貪婪的小象》 一天,小象在森林里溜達,走到一棵蘋果樹下時,忽...
    柳瑜閱讀 409評論 0 0

友情鏈接更多精彩內(nèi)容