<commit_before>---
layout: post
title:  "Webp技术小解"
date:   2018-06-23 14:28:54
categories: 随笔
tags: 前端
excerpt: Webp
---

- content

{:toc}

现在网页图片动则几十上百 k，还有诸如移动端的二倍屏、三倍屏更加是要求高清大图甚至上 M 大小的图片也有。而网络发展虽然说百兆宽带，4G 网络已经普及，但实际上，网络并不稳定，大部分用户的网络下载这类图片，首屏渲染还是要个几秒甚至几十秒的，所以减少图片大小还是很有必要的，所以才有今天想要说的 Webp。

## webp 诞生之前，天下苦之久已

不管是 PC 还是移动端，图片一直是流量大头，以苹果公司 Retina 产品为代表的高 PPI 屏对图片的质量提出了更高的要求，如何保证在图片的精细度不降低的前提下缩小图片体积，成为了一个有价值且值得探索的事情。
<commit_msg>防止格式化<commit_after>---
layout: post
title:  "Webp技术小解"
date:   2018-06-23 14:28:54
categories: 随笔
tags: 前端
excerpt: Webp
---

- content
{:toc}

现在网页图片动则几十上百 k，还有诸如移动端的二倍屏、三倍屏更加是要求高清大图甚至上 M 大小的图片也有。而网络发展虽然说百兆宽带，4G 网络已经普及，但实际上，网络并不稳定，大部分用户的网络下载这类图片，首屏渲染还是要个几秒甚至几十秒的，所以减少图片大小还是很有必要的，所以才有今天想要说的 Webp。

## webp 诞生之前，天下苦之久已

不管是 PC 还是移动端，图片一直是流量大头，以苹果公司 Retina 产品为代表的高 PPI 屏对图片的质量提出了更高的要求，如何保证在图片的精细度不降低的前提下缩小图片体积，成为了一个有价值且值得探索的事情。

{'fraction_non_alphanumeric': 0.10220673635307782, 'fraction_numerical': 0.03484320557491289, 'mean_word_length': 7.450980392156863, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1747685', 'n_tokens_mistral': 726, 'n_tokens_neox': 839, 'n_words': 62}