From 5386a111c1cc78ca35a3118437f139c60d37c23f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9F=D0=BE=D0=BB=D0=B8=D0=BD=D0=B0=20=D0=9D=D0=B5=D0=BC?=
 =?UTF-8?q?=D1=87=D0=B0=D0=BA?= <pauline@Mac-mini-Polina.local>
Date: Tue, 17 Oct 2017 18:57:35 +0300
Subject: [PATCH 1/7] 1st part webp

---
 app/partials/book.md | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/app/partials/book.md b/app/partials/book.md
index 05ef8c6..3a52450 100644
--- a/app/partials/book.md
+++ b/app/partials/book.md
@@ -46,11 +46,11 @@ The smaller in file-size you can make your images, the better a network experien
                         <li><a href="#butteraugli">Butteraugli</a></li>
                 </ul>
         </li>
-        <li><a href="#what-is-webp">What is WebP?</a>
+        <li><a href="#what-is-webp">Что такое WebP?</a>
                 <ul>
                         <li><a href="#how-does-webp-perform">How does WebP perform?</a></li>
                         <li><a href="#whos-using-webp-in-production">Who's using WebP in production?</a></li>
-                        <li><a href="#how-does-webp-encoding-work">How does WebP encoding work?</a></li>
+                        <li><a href="#how-does-webp-encoding-work">Как работает кодирование WebP?</a></li>
                         <li><a href="#webp-browser-support">WebP browser support</a></li>
                         <li><a href="#how-do-i-convert-to-webp">How do I convert my images to WebP?</a></li>
                         <li><a href="#how-do-i-view-webp-on-my-os">How do I view WebP images on my OS?</a></li>
@@ -947,11 +947,12 @@ For larger images, I found combining Guetzli with **lossless compression **in Mo
 
 MozJPEG is a beginner-friendly encoder for web assets that is relatively fast and produces good-quality images. As Guetzli is resource-intensive and works best on larger, higher-quality images, it's an option I would reserve for intermediate to advanced users.
 
-## <a id="what-is-webp" href="#what-is-webp">What is WebP?</a>
+## <a id="what-is-webp" href="#what-is-webp">Что такое WebP?*</a>
+*произносится как „weppy“
 
-[WebP](https://developers.google.com/speed/webp/) is a recent image format from Google aiming to offer lower file-sizes for lossless and lossy compression at an acceptable visual quality. It includes support for alpha-channel transparency and animation.
+[WebP](https://developers.google.com/speed/webp/) — это новый формат сжатия изображений без потери или с потерей качества при приемлемом качестве изображения, предложенный компанией Google. Включает поддержку прозрачности и анимацию.
 
-In the last year, WebP gained a few percent over compression-wise in lossy and lossless  modes and speed-wise the algorithm got twice as fast with a 10% improvement in decompression.  WebP is not a tool for all purposes, but it has some standing and a growing user base in the image compression community. Let's examine why.
+В прошлом году WebP улучшился в компрессии на несколько процентов при сжатии с потерями и без, а также в скорости: алгоритм стал вдвое быстрее на сжатии и на 10% быстрее на декомпрессии. WebP — не инструмент для всех случаев, но у него есть растущая аудитория в сообществе сжатия изображений. Давайте выясним, почему.
 
 <figure>
 <picture>
@@ -968,12 +969,12 @@ In the last year, WebP gained a few percent over compression-wise in lossy and l
 <img
         class="lazyload"
         data-src="https://res.cloudinary.com/ddxwdqwkr/image/upload/q_100/v1502426282/essential-image-optimization/Modern-Image16.jpg"
-        alt="comparison of webp at different quality settings. q=90, 646KB. q=80= 290KB. q=75, 219KB. q=70, 199KB" />
+        alt="сравнение webp на разных настройках качества. q=90, 646KB. q=80= 290KB. q=75, 219KB. q=70, 199KB" />
 <noscript>
   <img src="https://res.cloudinary.com/ddxwdqwkr/image/upload/q_100/v1502426282/essential-image-optimization/Modern-Image16.jpg"/>
 </noscript>
 </picture>
-<figcaption>WebP: A comparison of file sizes and visual similarity scores at different qualities.</figcaption>
+<figcaption>WebP: Сравнение размеров файлов и визуального сходства при разном качестве.</figcaption>
 </figure>
 
 ### <a id="how-does-webp-perform" href="#how-does-webp-perform">How does WebP perform?</a>
@@ -1033,9 +1034,13 @@ There are quite a few more companies on board than this sample list indicates.
 <figcaption>WebP usage at Google: 43 billion WebP image requests a day are served across YouTube, Google Play, Chrome Data Saver and G+.</figcaption>
 </figure>
 
-### <a id="how-does-webp-encoding-work" href="#how-does-webp-encoding-work">How does WebP encoding work?</a>
+### <a id="how-does-webp-encoding-work" href="#how-does-webp-encoding-work">Как работает кодирование WebP?</a>
 
-WebP's lossy encoding is designed to compete with JPEG for still images. There are three key phases to WebP's lossy encoding:
+Кодирование WebP с потерями призвано конкурировать с JPEG для неподвижных изображений. В lossy-кодировании WebP есть три ключевых этапа:
+
+**Макро-блоки** - разделение изображения на 16x16 (macro) блоки пикселей яркости и 2 8x8 блока пикселей цветности. Это может напоминать то, как JPEG преобразует цветовое пространтсво, chroma channel downsampling and image subdivision.
+
+--------
 
 **Macro-blocking** - splitting an image into 16x16 (macro) blocks of luma pixels and two 8x8 blocks of chroma pixels. This may sound familiar to the idea of JPEGs doing color space conversion, chroma channel downsampling and image subdivision.
 

From 6eb84c7a4906e2dea0cef698b5a5a840fd9c5a56 Mon Sep 17 00:00:00 2001
From: Pauline Nemchak <pauline_nemchak@mail.ru>
Date: Mon, 30 Oct 2017 00:34:44 +0300
Subject: [PATCH 2/7] 2-1

---
 app/partials/book.md | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/app/partials/book.md b/app/partials/book.md
index 3a52450..fd2492b 100644
--- a/app/partials/book.md
+++ b/app/partials/book.md
@@ -1034,15 +1034,11 @@ There are quite a few more companies on board than this sample list indicates.
 <figcaption>WebP usage at Google: 43 billion WebP image requests a day are served across YouTube, Google Play, Chrome Data Saver and G+.</figcaption>
 </figure>
 
-### <a id="how-does-webp-encoding-work" href="#how-does-webp-encoding-work">Как работает кодирование WebP?</a>
+### <a id="how-does-webp-encoding-work" href="#how-does-webp-encoding-work">Как работает кодировка WebP?</a>
 
 Кодирование WebP с потерями призвано конкурировать с JPEG для неподвижных изображений. В lossy-кодировании WebP есть три ключевых этапа:
 
-**Макро-блоки** - разделение изображения на 16x16 (macro) блоки пикселей яркости и 2 8x8 блока пикселей цветности. Это может напоминать то, как JPEG преобразует цветовое пространтсво, chroma channel downsampling and image subdivision.
-
---------
-
-**Macro-blocking** - splitting an image into 16x16 (macro) blocks of luma pixels and two 8x8 blocks of chroma pixels. This may sound familiar to the idea of JPEGs doing color space conversion, chroma channel downsampling and image subdivision.
+**Макро-блоки** - разделение изображения на 16x16 (macro) блоки пикселей яркости и два 8x8 блока пикселей цветности. Это может напоминать то, как JPEG преобразует цветовое пространтсво, снижает семплрейт канала цветности и разбивает изображение.
 
 <figure>
 <picture>
@@ -1059,7 +1055,7 @@ There are quite a few more companies on board than this sample list indicates.
 <img
         class="small lazyload"
         data-src="https://res.cloudinary.com/ddxwdqwkr/image/upload/v1502426282/essential-image-optimization/Modern-Image18.png"
-        alt="Macro-blocking example of a Google Doodle where we break a range of pixels down into luma and chroma blocks."/>
+        alt="Пример макро-блокинга Google Doodle, где мы разбиваем диапазон пикселей на блоки яркости и цветности"/>
 <noscript>
   <img src="https://res.cloudinary.com/ddxwdqwkr/image/upload/v1502426282/essential-image-optimization/Modern-Image18.png"/>
 </noscript>
@@ -1067,7 +1063,7 @@ There are quite a few more companies on board than this sample list indicates.
 
 </figure>
 
-**Prediction** - every 4x4 subblock of a macroblock has a prediction model applied that effectively does filtering. This defines two sets of pixels around a block - A (the row directly above it) and L (the column to the left of it). Using these two the encoder fills a test block with 4x4 pixels and determines which creates values closest to the original block. Colt McAnlis talks about this in more depth in [How WebP lossy mode works](https://medium.com/@duhroach/how-webp-works-lossly-mode-33bd2b1d0670).
+**Предсказание** - every 4x4 subblock of a macroblock has a prediction model applied that effectively does filtering. This defines two sets of pixels around a block - A (the row directly above it) and L (the column to the left of it). Using these two the encoder fills a test block with 4x4 pixels and determines which creates values closest to the original block. Colt McAnlis talks about this in more depth in [How WebP lossy mode works](https://medium.com/@duhroach/how-webp-works-lossly-mode-33bd2b1d0670).
 
 
 <figure>

From 396bf8a5504b7c7e537f0ad4ef5bbc875c255417 Mon Sep 17 00:00:00 2001
From: Pauline Nemchak <pauline_nemchak@mail.ru>
Date: Mon, 6 Nov 2017 18:59:31 +0300
Subject: [PATCH 3/7] what is webp && how does webp encoding work

---
 app/partials/book.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/partials/book.md b/app/partials/book.md
index fd2492b..1880d08 100644
--- a/app/partials/book.md
+++ b/app/partials/book.md
@@ -1063,7 +1063,7 @@ There are quite a few more companies on board than this sample list indicates.
 
 </figure>
 
-**Предсказание** - every 4x4 subblock of a macroblock has a prediction model applied that effectively does filtering. This defines two sets of pixels around a block - A (the row directly above it) and L (the column to the left of it). Using these two the encoder fills a test block with 4x4 pixels and determines which creates values closest to the original block. Colt McAnlis talks about this in more depth in [How WebP lossy mode works](https://medium.com/@duhroach/how-webp-works-lossly-mode-33bd2b1d0670).
+**Предсказание** - каждый 4x4 подблок макроблока имеет предсказательную модель, которая эффективно выполняет фильтрацию. Она определяет два набора пикселей вокруг блока: A (ряд непосредственно над блоком) и L (столбец слева от блока). Используя эти наборы, кодировщик заполняет тестовый блок 4x4 пикселями и определяет, какой создаёт значения, близкие к исходному блоку. Colt McAnlis говорит об этом более подробно в статье  [How WebP lossy mode works](https://medium.com/@duhroach/how-webp-works-lossly-mode-33bd2b1d0670).
 
 
 <figure>
@@ -1081,7 +1081,7 @@ There are quite a few more companies on board than this sample list indicates.
 <img
         class="lazyload very-small"
         data-src="https://res.cloudinary.com/ddxwdqwkr/image/upload/v1502426282/essential-image-optimization/Modern-Image19.png"
-        alt="Google Doodle example of a segment displaying the row, target block and column L when considering a prediction model."/>
+        alt="пример сегмента из Google Doodle, показывающий ряд, целевой блок и столбец L, при рассмотрении модели предсказания."/>
 <noscript>
   <img src="https://res.cloudinary.com/ddxwdqwkr/image/upload/v1502426282/essential-image-optimization/Modern-Image19.png"/>
 </noscript>
@@ -1089,9 +1089,9 @@ There are quite a few more companies on board than this sample list indicates.
 
 </figure>
 
-A Discrete Cosine Transform (DCT) is applied with a few steps similar to JPEG encoding. A key difference is use of an [Arithmetic Compressor](https://www.youtube.com/watch?v=FdMoL3PzmSA&index=7&list=PLOU2XLYxmsIJGErt5rrCqaSGTMyyqNt2H) vs JPEG's Huffman.
+Дискретное косинусное преобразование (DCT) применяется в несколько шагов, подобно кодированию JPEG. Ключевое различие состоит в использовании [Арифметического компрессора](https://www.youtube.com/watch?v=FdMoL3PzmSA&index=7&list=PLOU2XLYxmsIJGErt5rrCqaSGTMyyqNt2H) вместо кодирования Хаффмана в JPEG.
 
-If you want to dive deeper, Google Developer’s article [WebP Compression Techniques](https://developers.google.com/speed/webp/docs/compression) goes into this topic in depth.
+Если вы хотите узнать больше, статья Google Developer [WebP Compression Techniques](https://developers.google.com/speed/webp/docs/compression) углубляется в эту тему.
 
 ### <a id="webp-browser-support" href="#webp-browser-support">WebP browser support</a>
 

From 8a6002902474723e11c1f58801d69478151a1537 Mon Sep 17 00:00:00 2001
From: Pauline Nemchak <pnemchak@voximplant.com>
Date: Wed, 22 Nov 2017 19:58:09 +0300
Subject: [PATCH 4/7] translate refactoring

---
 app/partials/book.md | 12 ++++++------
 package-lock.json    | 46 ++++++++++++++++++++++----------------------
 2 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/app/partials/book.md b/app/partials/book.md
index 1880d08..1be9d36 100644
--- a/app/partials/book.md
+++ b/app/partials/book.md
@@ -950,9 +950,9 @@ MozJPEG is a beginner-friendly encoder for web assets that is relatively fast an
 ## <a id="what-is-webp" href="#what-is-webp">Что такое WebP?*</a>
 *произносится как „weppy“
 
-[WebP](https://developers.google.com/speed/webp/) — это новый формат сжатия изображений без потери или с потерей качества при приемлемом качестве изображения, предложенный компанией Google. Включает поддержку прозрачности и анимацию.
+[WebP](https://developers.google.com/speed/webp/) — это новый формат сжатия изображений без потери или с потерей качества от Google. Включает поддержку прозрачности и анимацию.
 
-В прошлом году WebP улучшился в компрессии на несколько процентов при сжатии с потерями и без, а также в скорости: алгоритм стал вдвое быстрее на сжатии и на 10% быстрее на декомпрессии. WebP — не инструмент для всех случаев, но у него есть растущая аудитория в сообществе сжатия изображений. Давайте выясним, почему.
+В прошлом году WebP улучшил показатели сжатия с потерями и без, а также увеличился в скорости: алгоритм стал вдвое быстрее на компрессии и на 10% быстрее на декомпрессии. WebP — не универсальный инструмент, но количество его последователей растёт. Давайте выясним, почему.
 
 <figure>
 <picture>
@@ -1038,7 +1038,7 @@ There are quite a few more companies on board than this sample list indicates.
 
 Кодирование WebP с потерями призвано конкурировать с JPEG для неподвижных изображений. В lossy-кодировании WebP есть три ключевых этапа:
 
-**Макро-блоки** - разделение изображения на 16x16 (macro) блоки пикселей яркости и два 8x8 блока пикселей цветности. Это может напоминать то, как JPEG преобразует цветовое пространтсво, снижает семплрейт канала цветности и разбивает изображение.
+**Макро-блоки** - разделение изображения на 16x16 (macro) блоки пикселей яркости и два 8x8 блока пикселей цветности. Это похоже на преобразование цветового пространства, снижение семплрейта в канале цветности и разбитие изображения в JPEG.
 
 <figure>
 <picture>
@@ -1063,7 +1063,7 @@ There are quite a few more companies on board than this sample list indicates.
 
 </figure>
 
-**Предсказание** - каждый 4x4 подблок макроблока имеет предсказательную модель, которая эффективно выполняет фильтрацию. Она определяет два набора пикселей вокруг блока: A (ряд непосредственно над блоком) и L (столбец слева от блока). Используя эти наборы, кодировщик заполняет тестовый блок 4x4 пикселями и определяет, какой создаёт значения, близкие к исходному блоку. Colt McAnlis говорит об этом более подробно в статье  [How WebP lossy mode works](https://medium.com/@duhroach/how-webp-works-lossly-mode-33bd2b1d0670).
+**Предсказание** - каждый 4x4 подблок макроблока имеет предсказательную модель, которая эффективно выполняет фильтрацию. Она определяет два набора пикселей вокруг блока: A (ряд непосредственно над блоком) и L (столбец слева от блока). Используя эти наборы, кодировщик заполняет тестовый блок пикселями 4x4 и определяет, какой создаёт значения, близкие к исходному блоку. Colt McAnlis говорит об этом более подробно в статье  [How WebP lossy mode works](https://medium.com/@duhroach/how-webp-works-lossly-mode-33bd2b1d0670).
 
 
 <figure>
@@ -1081,7 +1081,7 @@ There are quite a few more companies on board than this sample list indicates.
 <img
         class="lazyload very-small"
         data-src="https://res.cloudinary.com/ddxwdqwkr/image/upload/v1502426282/essential-image-optimization/Modern-Image19.png"
-        alt="пример сегмента из Google Doodle, показывающий ряд, целевой блок и столбец L, при рассмотрении модели предсказания."/>
+        alt="Пример сегмента из Google Doodle, показывающий ряд, целевой блок и столбец L в модели предсказания."/>
 <noscript>
   <img src="https://res.cloudinary.com/ddxwdqwkr/image/upload/v1502426282/essential-image-optimization/Modern-Image19.png"/>
 </noscript>
@@ -1091,7 +1091,7 @@ There are quite a few more companies on board than this sample list indicates.
 
 Дискретное косинусное преобразование (DCT) применяется в несколько шагов, подобно кодированию JPEG. Ключевое различие состоит в использовании [Арифметического компрессора](https://www.youtube.com/watch?v=FdMoL3PzmSA&index=7&list=PLOU2XLYxmsIJGErt5rrCqaSGTMyyqNt2H) вместо кодирования Хаффмана в JPEG.
 
-Если вы хотите узнать больше, статья Google Developer [WebP Compression Techniques](https://developers.google.com/speed/webp/docs/compression) углубляется в эту тему.
+Если вы хотите узнать больше, в статья Google Developer [WebP Compression Techniques](https://developers.google.com/speed/webp/docs/compression) эта тема рассматривается глубже.
 
 ### <a id="webp-browser-support" href="#webp-browser-support">WebP browser support</a>
 
diff --git a/package-lock.json b/package-lock.json
index 8fba3ca..db68c98 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5284,14 +5284,6 @@
             }
           }
         },
-        "string_decoder": {
-          "version": "1.0.1",
-          "bundled": true,
-          "dev": true,
-          "requires": {
-            "safe-buffer": "5.0.1"
-          }
-        },
         "string-width": {
           "version": "1.0.2",
           "bundled": true,
@@ -5302,6 +5294,14 @@
             "strip-ansi": "3.0.1"
           }
         },
+        "string_decoder": {
+          "version": "1.0.1",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "safe-buffer": "5.0.1"
+          }
+        },
         "stringstream": {
           "version": "0.0.5",
           "bundled": true,
@@ -5899,18 +5899,18 @@
             "tunnel-agent": "0.4.3"
           }
         },
-        "string_decoder": {
-          "version": "0.10.31",
-          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
-          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
-          "dev": true
-        },
         "string-template": {
           "version": "0.2.1",
           "resolved": "https://registry.npmjs.org/string-template/-/string-template-0.2.1.tgz",
           "integrity": "sha1-QpMuWYo1LQH8IuwzZ9nYTuxsmt0=",
           "dev": true
         },
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
+          "dev": true
+        },
         "tunnel-agent": {
           "version": "0.4.3",
           "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.4.3.tgz",
@@ -11968,15 +11968,6 @@
       "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=",
       "dev": true
     },
-    "string_decoder": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz",
-      "integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==",
-      "dev": true,
-      "requires": {
-        "safe-buffer": "5.1.1"
-      }
-    },
     "string-template": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/string-template/-/string-template-1.0.0.tgz",
@@ -11994,6 +11985,15 @@
         "strip-ansi": "3.0.1"
       }
     },
+    "string_decoder": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.0.3.tgz",
+      "integrity": "sha512-4AH6Z5fzNNBcH+6XDMfA/BTt87skxqJlO0lAh3Dker5zThcAxG6mKz+iGu308UKoPPQ8Dcqx/4JhujzltRa+hQ==",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.1"
+      }
+    },
     "stringstream": {
       "version": "0.0.5",
       "resolved": "https://registry.npmjs.org/stringstream/-/stringstream-0.0.5.tgz",

From 6a0ebc94bd1c183b0fa236b69f4dd16253ba4bc9 Mon Sep 17 00:00:00 2001
From: Pauline Nemchak <pnemchak@voximplant.com>
Date: Wed, 22 Nov 2017 20:00:22 +0300
Subject: [PATCH 5/7] fixed error

---
 app/partials/book.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/partials/book.md b/app/partials/book.md
index 1be9d36..78ed301 100644
--- a/app/partials/book.md
+++ b/app/partials/book.md
@@ -1091,7 +1091,7 @@ There are quite a few more companies on board than this sample list indicates.
 
 Дискретное косинусное преобразование (DCT) применяется в несколько шагов, подобно кодированию JPEG. Ключевое различие состоит в использовании [Арифметического компрессора](https://www.youtube.com/watch?v=FdMoL3PzmSA&index=7&list=PLOU2XLYxmsIJGErt5rrCqaSGTMyyqNt2H) вместо кодирования Хаффмана в JPEG.
 
-Если вы хотите узнать больше, в статья Google Developer [WebP Compression Techniques](https://developers.google.com/speed/webp/docs/compression) эта тема рассматривается глубже.
+Если вы хотите узнать больше, в статье Google Developer [WebP Compression Techniques](https://developers.google.com/speed/webp/docs/compression) эта тема рассматривается глубже.
 
 ### <a id="webp-browser-support" href="#webp-browser-support">WebP browser support</a>
 

From 575ccb42f14e891430b5b8e21dc02d0f91ba2091 Mon Sep 17 00:00:00 2001
From: Pauline Nemchak <pauline_nemchak@mail.ru>
Date: Sun, 26 Nov 2017 17:38:40 +0300
Subject: [PATCH 6/7] refactoring

---
 app/partials/book.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/partials/book.md b/app/partials/book.md
index 1880d08..3d27d4f 100644
--- a/app/partials/book.md
+++ b/app/partials/book.md
@@ -948,11 +948,11 @@ For larger images, I found combining Guetzli with **lossless compression **in Mo
 MozJPEG is a beginner-friendly encoder for web assets that is relatively fast and produces good-quality images. As Guetzli is resource-intensive and works best on larger, higher-quality images, it's an option I would reserve for intermediate to advanced users.
 
 ## <a id="what-is-webp" href="#what-is-webp">Что такое WebP?*</a>
-*произносится как „weppy“
+*произносится как «веппи»
 
 [WebP](https://developers.google.com/speed/webp/) — это новый формат сжатия изображений без потери или с потерей качества при приемлемом качестве изображения, предложенный компанией Google. Включает поддержку прозрачности и анимацию.
 
-В прошлом году WebP улучшился в компрессии на несколько процентов при сжатии с потерями и без, а также в скорости: алгоритм стал вдвое быстрее на сжатии и на 10% быстрее на декомпрессии. WebP — не инструмент для всех случаев, но у него есть растущая аудитория в сообществе сжатия изображений. Давайте выясним, почему.
+За прошлый год WebP улучшился в компрессии на несколько процентов при сжатии с потерями и без, а также вдвое ускорился на компрессии и стал на 10% быстрее на декомпрессии. WebP — не инструмент для всех случаев, но у него есть растущая аудитория в сообществе сжатия изображений. Давайте выясним, почему.
 
 <figure>
 <picture>
@@ -1034,11 +1034,11 @@ There are quite a few more companies on board than this sample list indicates.
 <figcaption>WebP usage at Google: 43 billion WebP image requests a day are served across YouTube, Google Play, Chrome Data Saver and G+.</figcaption>
 </figure>
 
-### <a id="how-does-webp-encoding-work" href="#how-does-webp-encoding-work">Как работает кодировка WebP?</a>
+### <a id="how-does-webp-encoding-work" href="#how-does-webp-encoding-work">Как работает кодирование WebP?</a>
 
-Кодирование WebP с потерями призвано конкурировать с JPEG для неподвижных изображений. В lossy-кодировании WebP есть три ключевых этапа:
+Кодирование WebP с потерями призвано конкурировать с JPEG для неподвижных изображений. В этом виде кодирования есть три ключевых этапа:
 
-**Макро-блоки** - разделение изображения на 16x16 (macro) блоки пикселей яркости и два 8x8 блока пикселей цветности. Это может напоминать то, как JPEG преобразует цветовое пространтсво, снижает семплрейт канала цветности и разбивает изображение.
+**Макроразбиение** - разделение изображения на блоки 16x16 (macro) пикселей яркости и два 8x8 блока пикселей цветности. Это похоже  на алгоритм JPEG, в котором делаются преобразование цветового пространтсва, снижение частоты дискретезации канала цветности и разбиение изображения.
 
 <figure>
 <picture>
@@ -1063,7 +1063,7 @@ There are quite a few more companies on board than this sample list indicates.
 
 </figure>
 
-**Предсказание** - каждый 4x4 подблок макроблока имеет предсказательную модель, которая эффективно выполняет фильтрацию. Она определяет два набора пикселей вокруг блока: A (ряд непосредственно над блоком) и L (столбец слева от блока). Используя эти наборы, кодировщик заполняет тестовый блок 4x4 пикселями и определяет, какой создаёт значения, близкие к исходному блоку. Colt McAnlis говорит об этом более подробно в статье  [How WebP lossy mode works](https://medium.com/@duhroach/how-webp-works-lossly-mode-33bd2b1d0670).
+**Предсказание** - к каждому подблоку 4×4 макроблока применяется предиктивная модель, которая эффективно выполняет фильтрацию. Она определяет два набора пикселей вокруг блока: A (ряд непосредственно над блоком) и L (столбец слева от блока). Используя эти наборы, кодировщик заполняет тестовый блок пикселями размера 4x4  и определяет результат, наиболее близкий к исходному блоку. Colt McAnlis говорит об этом более подробно в статье  [How WebP lossy mode works](https://medium.com/@duhroach/how-webp-works-lossly-mode-33bd2b1d0670).
 
 
 <figure>
@@ -1089,9 +1089,9 @@ There are quite a few more companies on board than this sample list indicates.
 
 </figure>
 
-Дискретное косинусное преобразование (DCT) применяется в несколько шагов, подобно кодированию JPEG. Ключевое различие состоит в использовании [Арифметического компрессора](https://www.youtube.com/watch?v=FdMoL3PzmSA&index=7&list=PLOU2XLYxmsIJGErt5rrCqaSGTMyyqNt2H) вместо кодирования Хаффмана в JPEG.
+Дискретное косинусное преобразование (DCT) применяется в несколько шагов, подобно кодированию JPEG. Ключевое различие состоит в использовании [арифметического компрессора](https://www.youtube.com/watch?v=FdMoL3PzmSA&index=7&list=PLOU2XLYxmsIJGErt5rrCqaSGTMyyqNt2H) вместо кодирования Хаффмана в JPEG.
 
-Если вы хотите узнать больше, статья Google Developer [WebP Compression Techniques](https://developers.google.com/speed/webp/docs/compression) углубляется в эту тему.
+Если вы хотите узнать больше, статья [WebP Compression Techniques](https://developers.google.com/speed/webp/docs/compression) углубляется в эту тему.
 
 ### <a id="webp-browser-support" href="#webp-browser-support">WebP browser support</a>
 

From 6f63063c5c1952555eaf261003a15862232b61e0 Mon Sep 17 00:00:00 2001
From: Pauline Nemchak <pauline_nemchak@mail.ru>
Date: Sun, 26 Nov 2017 17:42:38 +0300
Subject: [PATCH 7/7] refactoring 2

---
 app/partials/book.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/partials/book.md b/app/partials/book.md
index 3d27d4f..cb069ed 100644
--- a/app/partials/book.md
+++ b/app/partials/book.md
@@ -1055,7 +1055,7 @@ There are quite a few more companies on board than this sample list indicates.
 <img
         class="small lazyload"
         data-src="https://res.cloudinary.com/ddxwdqwkr/image/upload/v1502426282/essential-image-optimization/Modern-Image18.png"
-        alt="Пример макро-блокинга Google Doodle, где мы разбиваем диапазон пикселей на блоки яркости и цветности"/>
+        alt="Пример макроразбиения Google Doodle, где мы разбиваем диапазон пикселей на блоки яркости и цветности"/>
 <noscript>
   <img src="https://res.cloudinary.com/ddxwdqwkr/image/upload/v1502426282/essential-image-optimization/Modern-Image18.png"/>
 </noscript>