Архивация и компрессия

Loading...

En provenance du cours de Moscow Institute of Physics and Technology

Тонкости верстки

61 notes

Explore Related Videos

At Coursera, you will find the best lectures in the world. Here are some of our personalized recommendations for you

Moscow Institute of Physics and Technology

Тонкости верстки

61 notes

Cours 3 sur 5 dans Specialization Разработка интерфейсов: вёрстка и JavaScript

Этот курс продолжает обучение тех, кто уже познакомился с основами HTML и CSS. На очереди всякие изыски: отображение сложных элементов, изучение различий между браузерами и графика. В конечном итоге вы сможете сами сверстать страницу любой сложности. Авторы курса — разработчики из Яндекса.

À partir de la leçon

Фотошоп и графика

Вы научитесь работать с изображениями и графикой. Узнаете о цветовых моделях, форматах изображений в вебе и как их оптимихировать. Итоговая практическая работа — сверстать с нуля макет.

Графические форматы4:56

Цветовые модели6:14

Форматы графических файлов7:30

Архивация и компрессия2:00

Графический редактор2:26

Графика в HTML6:28

Градиенты3:04

Спрайты и base644:53

Rencontrer les enseignants

Олег Семичев
разработчик интерфейсов, Яндекс
Артем Кувалдин
разработчик интерфейсов, Яндекс
Мохов Олег
разработчик интерфейсов, Яндекс

Здравствуйте, в этом видео я расскажу вам,

что такое архивация и компрессия и какие инструменты для этого есть.

Итак, архивация — это сжатие данных без потерь.

Этот алгоритм находит повторяющиеся данные и записывает вместо них ссылку

на предыдущие такие же.

Одним из таких алгоритмов сжатия является LZW, который использует формат GIF.

Второй вид — это компрессия, сжатие с потерями.

Этот способ сохранения данных работает таким образом,

что при использовании не гарантируется полное восстановление графических данных.

Такой способ сжатия используют форматы JPEG и JPEG2000,

который не получил свою популярность в вебе.

Какие инструменты используют для сжатия?

Есть как программы, так и онлайн-сервисы, и какие-то консольные утилиты, например,

JPEGmini и imageOptim — это программы, которые устанавливаются на компьютер.

Kraken.io — это онлайн-сервис, imgo — это консольная утилита.

И Tiny png есть как онлайн сервис, так и плагин для фотошопа,

и имеет некоторое API, которое можно использовать для сжатия изображений.

Как происходит оптимизация SVG файлов?

Она заключается в том, чтобы удалять «ненужную» информацию из файла.

Например, это может быть какая-то метаинформация,

или куча пробелов, переносов строк и так далее.

Самый популярный инструмент для сжатия SVG — это SVGO.

Давайте посмотрим пример.

Вот это файл до сжатия, то есть он имеет какие-то комментарии,

пробелы, переносы и так далее.

И вот так он выглядит после сжатия — то есть удаляется вся метаинформация,

убираются лишние пробелы и отступы.

И что мы видим?

Что сжатие произошло на 68,2 %.

Это довольно большая цифра.

В этом видео вы узнали,

чем отличается архивация от компрессии и как сжимаются SVG файлы.

В следующем видео я расскажу вам, как работать с макетами,

используя программу Adobe Photoshop.

Explorer notre catalogue

Rejoignez-nous gratuitement et obtenez des recommendations, des mises à jour et des offres personnalisées.

Coursera propose un accès universel à la meilleure formation au monde, en partenariat avec des universités et des organisations du plus haut niveau, pour proposer des cours en ligne.

© 2019 Coursera Inc. Tous droits réservés.

Télécharger dans l'App Store

Disponible sur Google Play