Цифровые изображения — неотъемлемая часть Интернета, и на сегодняшний день довольно трудно создавать какой-либо контент, не используя при этом образы или картинки. Скромное неподвижное изображение — потрясающий способ придать дополнительный смысл вашему тексту.
Однако размер файла изображения может быть огромным без оптимизации. Вот почему использование сжатия с потерями или без потерь является распространенным вопросом, поскольку каждое из них может уменьшить размер изображения, но при этом необходимо также учитывать компромиссы в отношении качества.
Вам почти всегда потребуется применять сжатие к изображению: это позволяет поддерживать качество на том уровне, который вы указали как приемлемый, при сохранении размера файлов. И все же, важно помнить, что выбор правильного уровня сжатия будет зависеть от ваших конечных целей и требований.
Далее мы поговорим о том, как изображение «приходит в форму», о том, что такое сжатие, и о многих других аспектах оптимизации ваших изображений.
Содержание статьи
Различия между сжатием с потерями и без потерь
Когда дело касается любого сжатия цифровых изображений, существует несколько различных форматов на выбор. Иногда они будут иметь другие названия в зависимости от многих факторов. Однако на базовом уровне вы найдете два типа:
- Сжатие с потерями: Цель этого процесса состоит в том, чтобы обеспечить минимально возможный размер файла. Таким образом, качество изображения часто находится в конце списка приоритетов.
- Сжатие без потерь: При использовании этого формата сжатия размер файла все равно существенно уменьшится, но изображение не пострадает.
В большинстве случаев ваше решение о том, какой формат использовать, будет зависеть от вашей конечной цели: вам нужны крошечные файлы или вы сосредоточены на сохранении качества?
Сжатие с потерями приведет к удалению данных, которые оно сочтет ненужными, из изображения навсегда. Для достижения этой цели используется множество различных методов, что приводит к гораздо меньшим размерам файлов.
Сжатие без потерь также удаляет данные, но при необходимости может восстановить оригинал. Цель состоит в том, чтобы сохранить высокое качество, но при этом уменьшить размер файла.
Есть несколько способов добиться этого, но результат часто один и тот же. Поэтому, чтобы найти подходящий вариант для ваших нужд, давайте сначала сделаем шаг назад и рассмотрим основы изображений и сжатия в целом.
Элементы цифрового изображения
Подобно программному обеспечению и веб-разработке, существует «стек» для передачи изображения с камеры в Интернет.
Изображение начинается как «необработанные» данные (отсюда и название RAW). Это похоже на код приложения: фрагменты, строки и значения преобразуются в фон с цветом, заполнителями изображений, динамическими элементами и многим другим.
Файл RAW представляет несколько иное отображение изображения в зависимости от производителя камеры, программного обеспечения для редактирования, алгоритма цветового пространства и многого другого. Затем вы редактируете изображение и экспортируете его в один из нескольких форматов файлов (подробнее об этом позже):
Существует несколько различных элементов, составляющих стандартное цифровое изображение:
- Тип файла: Различные типы обеспечивают качество, которое может подходить или не подходить для окончательного изображения. Главное — выбрать наиболее подходящий тип файла для приложения.
- Разрешение: Вы часто увидите, что оно выражается в мегапикселях (MP), но вы также будете использовать пиксели на дюйм (PPI) или точки на дюйм (DPI). Более высокие разрешения обеспечивают более высокое качество, но они также увеличивают начальный размер файла
- Битовая глубина: Этот аспект определяет информацию о цвете в изображении. Низкая битовая глубина будет отображать только несколько цветов, в то время как высокая битовая глубина потенциально может отображать миллионы цветов одновременно. Как правило, чем выше, тем лучше.
- Размеры: Это физическое пространство, которое занимает изображение. Например, 1000 пикселей x 500 пикселей могут определять общий размер изображения.
- Цветовое пространство: Это алгоритм, который определяет способ отображения цветов. Каждое цветовое пространство настроено по-разному, и это часто зависит от предпочтений фотографа.
Сочетание этих элементов позволяет получить финальное изображение разного качества. Например, большая фотография в формате JPEG с высоким разрешением и глубиной цвета обеспечит высочайшее качество и резкость:
Напротив, даже изображение с большими размерами и возможностью отображения большого количества цветов может выглядеть плохо при низком разрешении:
Этот баланс заключается в том, как вы разрабатываете основное изображение перед применением сжатия. Однако формат, который вы используете для изображения, играет большую роль в конечном качестве.
Как работает оптимизация веб-изображений
Поскольку сжатие изображений в общем смысле одно и то же, вы можете применять стандартные правила к способу оптимизации изображений для Интернета.
Вот краткое резюме для справки:
- Используйте разрешение 72 PPI, так как это стандарт для Интернета. Вы можете использовать более высокий PPI/DPI по причинам архивации, но мы предполагаем, что вы публикуете в Интернете.
- Установите «длинный край» изображения на 2048 пикселей, так как это оптимально для многих различных приложений.
- Используйте 8-битную глубину цвета, если у вас есть такая возможность.
- Перед публикацией пропустите изображение через инструмент сжатия и оптимизации.
- Это простой формат, который может дать вам согласованные результаты, хотя сжатие и оптимизация — это то, о чем мы расскажем в остальной части этой статьи.
С этой целью давайте рассмотрим преимущества и недостатки сжатия с потерями по сравнению со сжатием без потерь.
Как сжатие может помочь вашим веб-изображениям
В общих чертах, «сжатие» сближает минимум и максимум. Например, сжатие увеличивает самую низкую громкость музыки и уменьшает самую высокую. Это делает средний уровень громче для слуха.
Для изображений сжатие — скорее восстановительный процесс. Это означает, что больше внимания уделяется удалению данных из вашего изображения, чтобы уменьшить размер файла при сохранении максимально высокого качества.
Существует множество различных проприетарных алгоритмов, помогающих уменьшить размеры файлов изображений. Во многих случаях они являются собственностью определенной компании. Поэтому вы найдете множество стандартов сжатия «с потерями» и «без потерь», каждый из которых имеет уникальные дескрипторы:
Все это говорит о том, что применение сжатия изображений имеет множество преимуществ, которые не являются исключительными для определенного формата:
- Вы можете уменьшить размеры файлов, что повысит производительность вашего сайта.
- В результате на сервере вашего сайта будет меньше работы, что повлияет на производительность.
- Небольшие размеры файлов помогают сократить выбросы сервера. Таким образом, вы помогаете внести свой вклад в экологичное будущее.
- Вы можете отображать почти идеальное и сопоставимое качество в зависимости от выбранного вами алгоритма и качества сжатия.
Подобно созданию общедоступного изображения, игра с различными значениями сжатия, использование определенной компании и выбор правильного алгоритма жизненно важны для поиска результатов, которые работают для вас.
Плюсы и минусы сжатия с потерями
Сжатие с потерями уменьшает размер файла изображения, почти исключая все остальные аспекты. Принцип работы алгоритма заключается в постоянном удалении данных. Это может быть так же разрушительно, как и звучит.
Хотя мы не будем слишком вдаваться в детали, знайте, что некоторые данные, удаляемые сжатием с потерями, видны на изображении. Идея состоит в том, чтобы обеспечить наилучшее отображение исходного изображения высокого качества при меньшем весе — а это означает, что некоторые данные не попадут в кадр.
В целом, использование сжатия с потерями имеет несколько преимуществ:
- Размеры файлов будут небольшими — в некоторых случаях менее 10 килобайт (Кб).
- Потеря качества будет приемлемой во многих случаях, несмотря на шумы.
Это подводит нас к негативным последствиям использования сжатия с потерями — качество изображения будет снижаться при любом уровне сжатия:
Вы обнаружите эти цветовые полосы — когда цветовые оттенки не отображаются должным образом — и в некоторых случаях будет видна потеря четкости краев. Изображения с меньшим количеством цветов будут показывать меньше этого, но снижение четкости все равно будет присутствовать.
Кроме того, ухудшение качества изображения является постоянным свойством процесса сжатия. Это означает, что нет никакого способа обратить вспять эффекты на более позднем этапе.
Несмотря на недостатки, сжатие с потерями отлично подходит для Интернета и производительности вашего сайта. Крошечные размеры файлов не всегда приводят к зернистым изображениям, хотя вы можете (конечно же) довести дело до крайности:
Однако потеря — не единственный вариант. Сжатие без потерь — это альтернатива для владельцев сайтов, заботящихся о качестве.
Плюсы и минусы сжатия без потерь
Сжатие без потерь делает то, что говорится в самом названии метода: оно максимально сжимает размер файла изображения, не влияя на видимое качество. Происходит это путем удаления метаданных изображения, которые могут занимать ненужное пространство:
Алгоритм сжатия без потерь также ищет повторяющиеся последовательности пикселей, а затем кодирует ярлык для их отображения. Например, возьмем «Интерфейс командной строки». Вы часто будете определять его аббревиатуру один раз, а затем использовать «CLI» (или выбранную вами аббревиатуру), чтобы молниеносно ссылаться на нее.
Сжатие без потерь работает точно так же, но менее разрушительно. Хотя удаление метаданных не будет обратимым, часть сжатия будет обратимой, что делает его гибким алгоритмом для многих применений.
Преимущества использования сжатия без потерь заключаются в сохранении качества:
- Сжатие без потерь сохраняет наибольшее качество изображения по сравнению со всеми другими алгоритмами.
- «Без потерь» отлично подходит для архивных целей. Например, фотограф может сбалансировать ресурсы хранения с изображением, которое сохраняет наибольшее количество данных.
- «Без потерь» является предпочтительным алгоритмом сжатия для изобразительного искусства: фотографии, графического дизайна, цифрового искусства и многого другого. Сочетание алгоритма без потерь с надлежащей глубиной и разрешением позволяет получить копию практически «один к одному».
Тем не менее, есть кое-что, что следует отметить касательно того, насколько хорошо сжатие без потерь подходит для определенных ниш: диапазон применения невелик. Это снижает его общую доступность.
Вот некоторые другие недостатки сжатия без потерь, которые следует учитывать:
- Если на веб-сайте используется много изображений, сжатие без потерь может оказаться неоптимальным для их отображения. Это связано с тем, что в большинстве случаев в подобных ситуациях вам захочется использовать файлы меньшего размера.
- Хотя сжатие уменьшает размеры файлов, алгоритмы без потерь не изменяют данные изображения так сильно, как с потерями. Из-за этого вы можете увидеть лишь незначительное уменьшение размеров.
Далее мы рассмотрим самый быстрый (и потенциально лучший) способ сделать это.
Как выбрать между сжатием с потерями и без потерь
На этом этапе вы понимаете разницу между сжатием с потерями и сжатием без потерь. Однако вы все еще можете не знать, какой алгоритм лучше всего использовать на вашем сайте.
Есть две ситуации, которые следует рассмотреть:
- Для большинства случаев использования в Интернете допустимо использовать сжатие с потерями.
- Если вы хотите отобразить фотографию или сфотографированное произведение искусства, сжатие без потерь подойдет вам лучше.
Эти соображения основаны на использовании одного из стандартных форматов веб-изображений, таких как JPEG, PNG или GIF. Однако ваши потребности в сжатии могут отличаться в зависимости от более современных форматов, таких как HEIC и WebP.
Мы бы даже сказали, что, если вы не размещаете фотографии на своем сайте, сжатие с потерями должно быть вашим выбором по умолчанию. WordPress сжимает изображения по умолчанию, что свидетельствует о том, что сжатие с потерями подходит практически для любого приложения.
В заключение
Изображения могут показаться чем-то простым: вы берете файл, загружаете его на сайт, затем добавляете блок изображений для его отображения. Однако в процесс подготовки изображения для Интернета входит гораздо больше, чем вы можете себе представить. Выбранный вами формат сжатия может повлиять на размер файла, качество изображения и многое другое.
Несмотря на баланс между качеством и размером, сжатие с потерями идеально подходит для большинства случаев использования в Интернете. Фотографы или те, кто беспокоится о вмешательстве в качество изображений, захотят использовать сжатие без потерь, хотя в отношении размера файла преимуществ меньше.
На этом, пожалуй, все.
Всем успешной работы и творчества!
Источник
Загрузка...
