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

Loading...

En provenance du cours de Moscow Institute of Physics and Technology

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

50 notes

Moscow Institute of Physics and Technology

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

50 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.

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

Télécharger dans l'App Store

Disponible sur Google Play