в каком формате сохранять фото чтобы не потерять качество

Форматы изображений — JPEG, TIFF, PNG, GIF. Какой использовать?

Приветствую друзья! В нашей жизни мы постоянно сталкиваемся с изображениями, при фотографировании, создании сайта, сканировании, печати. Какой формат изображения лучше спросите Вы.

От формата, в котором сохранен файл зависит качество изображения, удобство его дальнейшего редактирования.

С развитием компьютеров и интернета появлялись новые форматы для записи изображений в файлы. Каждый формат имеет свои преимущества и недостатки.

Какой формат изображения лучше?

Формат JPEG

Цифровые камеры и веб-страницы обычно используют JPEG файлы — его алгоритм очень хорошо сжимает данные и итоговый файл получается небольшой. Однако JPEG использует алгоритм сжатия с потерями, что может явится сильным недостатком.

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Формат JPEG для цифровых камер

Небольшой размер файла JPEG идет в ущерб качеству изображения. Степень сжатия можно устанавливать в настройках графических программ — ниже качество меньше файл изображения и наоборот чем выше качество тем большим размером получается файл.

JPEG почти единственный формат, который использует сжатие с потерями, позволяющий делать небольшие файлы более низкого качества. Есть режим сжатия без потерь — lossless JPEG.

Данный формат используется в случаях когда небольшой размер файла более важен, чем максимальное качество изображения (оптимизированное изображения для сайта, электронная почта, перенос на картах памяти и т.д.). Формат JPEG достаточно хорош для большинства случаев, главное не переусердствовать в сжатии.

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

Формат TIFF

Формат без потерь используемый для растровых изображений, считается самым лучшим форматом для коммерческой работы. Он применяется при сканировании, в полиграфии для качественной печати, распознавании текста, отправке факсов. Файлы в формате TIFF имеют значительно больший размер чем их аналоги в JPEG, и могут быть записаны без сжатия либо со сжатием без потерь.

Формат TIFF позволяет сохранять несколько слоев, что очень удобно при дальнейшем редактировании, и в отличии от JPEG может иметь разрядность 8 или 16 на канал. TIFF является наиболее универсальным, и как правило используется для хранения оригиналов изображений, которые в дальнейшем можно редактировать. Но имейте в виду что браузеры не отображают TIFF файлы.

Формат GIF

Данный формат разработала компания CompuServe в 1987 году для первых 8-битных видеокарт компьютера и предназначался для передачи по dial up (модемному) соединению. В свое время он был самым распространенным форматом в интернете. GIF использует компрессию без потерь LZW, и очень хорошо сжимает изображения, в которых много однородных заливок (баннеры, таблицы, логотипы, схемы).

Глубиной цвета данный формат нас не радует, всего 8 бит (256 цветов максимум) и использовать его для хранения фотографий не рекомендуется (фото имеют 24 битную глубину цвета).

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

Формат PNG

Был создан сравнительно недавно для замены устаревшего GIF (браузеры показывают оба формата), и в некоторой степени более сложного TIFF формата. PNG является растровым форматом с использованием сжатия без потерь, не поддерживает анимацию и может иметь 48 битную глубину цвета.

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

Типов файлов в зависимости от цели использования:

Итоги

Какой какой формат изображения лучше и как выбрать тип файла в зависимости от области использования:

Естественно что в данном списке приведены не все форматы графических изображений, их намного больше, но в повседневной жизни обычно используются только эти.

Так как Вы заинтересовались форматом изображений и их отличиями, могу предположить, что одна из Ваших сфер деятельности связана с сайтами или лендингами. Рекомендую Вашему вниманию бесплатную книгу «Анатомия продающих лендингов». Очень полезная книга из которой Вы узнаете:

Скачивайте книгу «Анатомия продающих лендингов» и применяйте на практике полученные знания.

Источник

В каком формате сохранять фото в Фотошопе без потери качества

Разновидности форматов

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

JPG, JPEG – самый распространенный формат изображений. Используется на конечном этапе редактирования фото для сохранения результата. Имеет неприятную особенность – при повторном редактировании и сохранении каждый раз теряет качество. В JPG не сохраняется структура слоев.

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

PNG реализован в 8 и 24-битном вариантах. Первый тип не очень хорош для сохранения качественных фотографий из-за ограничения цветов. А 24-битный PNG имеет преимущество перед JPG – это сохранение степени прозрачности. Эти форматы можно открывать в любом средстве для просмотра изображений. Формат PSD подходит только для работы в Adobe Photoshop.

RAW – это «сырой» формат снимка, сохраненный на фотоаппарате. Такой файл загружается в Фотошоп для дальнейшей детальной корректировки цвета, резкости, насыщенности, баланса белого и так далее. Имеет наилучшее качество и возможность тонкой настройки фото, но не подходит в качестве финального формата изображения. Чаще всего после редактирования RAW конвертируется в JPEG с помощью Adobe Camera Raw.

Как сохранять фото?

Теперь рассмотрим стандартную процедуру сохранения фото в Adobe Photoshop. После того, как вы завершили редактирование изображения, сделайте следующее:

Если выбрать в качестве формата PSD, то окно с дополнительными параметрами не появится. Также в Фотошопе есть альтернативными метод сохранения фотографий – это функция «Сохранить для Web». Она позволяет детально настроить качество изображения в стандартных форматах, но не подходит для PSD. Воспользоваться инструментом можно следующим образом:

Видеоинструкция

В представленной видеоинструкции вы найдете подробное описание форматов, в которых можно сохранить фотографии через Adobe Photoshop. Если у вас нет времени на прочтение статьи, то ролик полностью ответит на поставленный вопрос.

Заключение

Чаще всего, отредактированные и законченные работы сохраняются в стандартном формате JPEG. Он отлично подходит для печати, использования в интернете. Однако он несколько теряет в качестве при повторном редактировании, загрузке на сайты и так далее. Но при правильной настройке средствами Photoshop вы добьетесь качественного результата. PSD подойдет в том случае, если вам важно сохранить структуру проекта, PNG – для изображений с прозрачными элементами. Хуже всего в отношении качества проявляет себя GIF.

Дополнительно мы рассмотрели процедуру сохранения в графическом редакторе. Надеемся, что у вас получится выполнить эту операцию с первого раза! Если возникнут трудности, то не стесняйтесь задавать вопросы в комментариях к статье.

Источник

Артем Кашканов, 2015

Оба эти способа имеют свои плюсы и минусы, попытаюсь вкратце о них рассказать. Но прежде чем приступать к практике, давайте сначала определимся, в чем же разница между форматами JPEG и RAW.

Формат JPEG

Однако, у JPEG есть и недостатки. При кодировании картинки в формат JPEG происходит сжатие данных, в результате которого часть данных теряется. При большой степени сжатия качество картинки серьезно страдает, на ней видны так называемые артефакты, то есть искажения, вызванные потерей слишком большого количества информации при сжатии.

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Картинка, я думаю, не нуждается в комментариях.

Фотографии, сделанные в наилучшем качестве имеют больший размер в мегабайтах, на флешку помещается меньше снимков, но детализация на них ощутимо лучше. На вопрос, в каком качестве лучше снимать в формате JPEG, я однозначно рекомендую использовать наилучшее качество. Флешки и жесткие диски не настолько дороги, чтобы экономить на качестве фотографий. Фотографии, снятые со «стандартным» качеством могут неплохо выглядеть на экране компьютера, но даже при незначительной обработке вас может ждать разочарование.

Коли разговор пошел о детализации при съемке в JPEG, нельзя не упомянуть настройку разрешения фотографии. Если аппарат имеет разрешение, например, 12 мегапикселей, то максимальное разрешение изображения у него примерно 4000 * 3000 пикселей (этого достаточно для печати 30 * 45 см). Однако, в настройках качества изображения разрешение фотографий можно изменить. Обычно, установки маркируются буквами:

Иногда вместо словесного описания степени сжатия используются пиктограммы. Вот пример меню выбора качества у зеркалки Canon. Пока смотрим только на левую колонку:

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Баланс белого

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Чтобы избежать подобного искажения цветов, в наших силах «помочь» фотоаппарату определиться, какой из объектов должен «считаться» белым. Это делается при помощи функции установки баланса белого.

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Ручной (пользовательский) баланс белого

У некоторых аппаратов есть возможность тонкой настройки баланса белого, относительно предустановленной, однако, чтобы оптимально настроить цветопередачу для данных условий освещенности нужно сделать несколько кадров с разными настройками и выбрать ту установку, с которой цветопередача максимально близка к реальности. Это долго и не всегда эффективно, поскольку приходится ориентироваться на картинку, выводимую на ЖК-экран, цветопередача которого не всегда идеальна.

Большинство фотоаппаратов умеют сохранять одну или несколько пользовательских настроек баланса белого. Если вам регулярно приходится фотографировать при специфическом освещении, есть смысл сохранить установку баланса белого, чтобы потом не мучиться с фотографированием белого листа.

Чтобы проиллюстрировать возможности ручного баланса белого, предлагаю сравнить цветопередачу на двух фотографиях:

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Ручной ББ (в качестве пробы белого цвета использовался белый пиджак левого персонажа):

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Настройка стиля изображения

Функция «стиль изображения» есть, наверно, во всех фотоаппаратах. С ее помощью можно настроить яркость, контрастность, насыщенность цветов, четкость картинки, а также «заставить» аппарат снимать в режиме ч/б, сепия.

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Все предустановки представляют собой комбинацию параметров:

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Формат RAW

Для чего нужен формат RAW и чем он лучше формата JPEG?

В формате JPEG все «лишние» данные ликвидируются, чтобы обеспечить наименьший объем файла, что серьезно ограничивает возможности обработки. Если яркость и контраст еще можно отрегулировать, то неправильный баланс белого исправить значительно сложнее, особенно, если ошибка велика. В этом случае приходится жертвовать натуральностью цветов. Вот пример, когда фотография, ушедшая в желтизну вытягивалась из JPEG и из RAW.

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Откорректированный вариант (JPEG):

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Откорректированный вариант (RAW):

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Как видно из приведенных примеров, при попытке исправить баланс белого в JPG картинка приобрела несколько неестественный оттенок, как будто фотография была снята на дешевую негативную пленку, которая была отсканирована на бытовом сканере. Отмечу, что в данном случае я не прилагал особых усилий, чтобы приблизить цвета к реальным, однако для этого понадобилось совершить несколько операций в Adobe Photoshop. При серьезной ошибке баланса белого восстановить цветопередачу без видимой потери качества, работая с форматом JPEG, увы, невозможно.

Основные возможности RAW

Автоматический баланс белого:

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Ужасная смесь желтизны с краснотой! Такие фотографии часто получаются тогда, когда помещение освещено большим количеством ламп накаливания относительно небольшой мощности, в этом случае фотография окрашивается в желтый оттенок. Что же, попробуем установить баланс белого «Лампа накаливания». Вот что получилось:

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Чуть лучше. Желтизны стало меньше, зато появилась непонятная зелень. Результат тоже неудовлетворительный.

Вариант с ручной установкой баланса белого очень трудоемок, поскольку придется проводить эту процедуру в почти каждом новом зале. К счастью, есть файл RAW, который позволяет на компьютере выставить правильный баланс белого за 1 клик мыши.

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Для обработки RAW использовалась программа Digital Photo Professional, которая шла в комплекте с фотоаппаратом Canon EOS 5D (на диске с ПО). Что касается других аппаратов, более чем уверен, что и к ним дается что-то подобное.

Программа имеет очень простой интерфейс, поэтому разобраться в ней не составит особого труда. По сути, она дублирует настройки фотоаппарата, касающиеся цветопередачи, а также имеет ряд других функций.

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Основные недостатки формата RAW?

Файлы RAW невозможно открыть ни на одном устройстве, кроме ПК с установленным специальным ПО. Медиаплееры, цифровые фоторамки, планшетные компьютеры фотографии в формате RAW показывать не будут. Для этого их нужно переконвертировать в формат JPEG (на ПК, с использованием программного обеспечения для обработки RAW).

Программа для обработки RAW, идущая в комплекте с фотоаппаратом на диске имеет достаточно скудный набор возможностей. Более функциональное программное обеспечение чаще всего платное.

Размер файла примерно в 2 раза превосходит JPEG в наилучшем качестве. Если отправляетесь в длительное путешествие, в котором намерены фотографировать в RAW, запаситесь флешкой увеличенного объема.

Что за формат RAW+JPEG?

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

В случае, если результаты в формате JPEG удовлетворяют фотографа (или заказчика), RAW-файлы можно безболезненно удалить. Как видно на картинке, для варианта в JPEG можно выбрать различное разрешение и качество. Имейте в виду, что при съемке в RAW+JPEG, флешка будет заканчиваться быстрее, чем просто в RAW.

Поддержать проект

Вероятно, вы обратили внимание, что на сайте почти нет рекламных баннеров. Согласитесь, без них читать статьи гораздо приятнее. Но сайту надо на что-то существовать.

Купить мои книги о фотографии

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Если вы начинающий фотограф, трудно переоценить ту пользу, которую они вам принесут! В них собраны основные вопросы, которые мне задавали слушатели фотокурсов. А еще ответы на вопросы, которые стеснялись задавать, считая их «глупыми» 🙂

Источник

Оптимизация PNG и JPEG без потери качества. Часть 1

Введение

И так, как же происходит оптимизация? Давайте разберемся по порядку, в основном это происходит из-за нескольких причин, и сейчас мы их рассмотрим.

Non-interlaced или Interlaced
ColorType и BitDepth

PNG RGB + alpha — 17 853 байт

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

PNG Palette — 13 446 байт

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Разница в размере — 4407 байт (24%), при этом визуально картинки не изменились. Если Вы видите разные изображение, то это оптический обман.

PNG 4-bit — 6 253 байт

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

PNG 8-bit — 5 921 байт

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Разница в размере — 332 байт (5,3%), при этом визуально картинки не изменились. Если Вы видите разные изображение, то это оптический обман.

Обе технологии поддерживают почти все редакторы изображений, которые умеют сохранять в PNG, но об этом знают мало людей, и по этому разработчикам программ-оптимизаторов PNG приходится об этом заботиться.

Chunks

Если кто в танке не в курсе, PNG состоит из Chunks. Писать, что это такое Chunks не буду, можете сами прочитать. Лучше я покажу, для этого есть программа — TweakPNG, возьмите любое изображение формата PNG и откройте через данную программу и увидите всю структуру PNG.

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Есть еще программы наподобие TweakPNG, но она лучшая и удобная. Об остальных программах расскажу в заключении.

Оптимизация палитры

Может быть реализована только в PNG Palette, технология основана на оптимизации chunks PLTE, может уменьшить размер изображения, хотя и не намного. На мой взгляд лучше все это технология реализована в Color Quantizer, один из его алгоритмов был реализован и в TruePNG.

Оптимизация альфа-канала

Оригинальное изображение. Размер — 214 903 байт.

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество
в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество
в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество
в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество
в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество
в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество
в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Алгоритм сжатия Deflate + Фильтрация строк

Как мы же говорили, PNG состоит из Chunks, в данном случае, нас интересует Chunks — IDAT. Для его сжатия в основном играют два фактора, фильтрация строк и алгоритм сжатия Deflate. Давайте об этом поговорим поподробнее.

Фильтрация строк
Алгоритм сжатия Deflate

На сегодняшний день есть несколько библиотек, основанных на алгоритме сжатия Deflate:

Библиотека
Deflate
Скорость
работы
Степень
сжатия
ПрограммыПримечание
ZlibВысокаяНизкаяTruePNG
OptiPNG
PNGWolf
Благодаря высокой скорости работы может быстро перебрать большое количество значение параметров и выбрать оптимальные.
7-zipСредняяСредняяAdfDef
PNGWolf
Не всегда выбранные значения параметров в Zlib являются для них оптимальными (близки к оптимальным). Перебор значений параметров будет занимать большое количество времени и почти всегда затраченное время не оправдывает полученный результат.
KzipНизкаяВысокаяPNGOut

PNGWolf использет одновременно и Zlib, и 7-zip.

Важно: все эти программы дополняют друг друга, и они сильны, когда едины. Это самое большая проблема, когда их используют отдельно, а потом сравнивают полученные результаты. В первую очередь надо использовать Zlib, а потом уже 7-zip и/или Kzip.

В следующей части мы поговорим об этих программах поподробнее, а также построим три алгоритма оптимизации PNG (с учетом оптимизации альфа-канала) по степени сжатия и затраченного времени. Ниже приведен условный график зависимости степени сжатия от затраченного времени на оптимизацию Chunks IDAT.

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Как видно из графика, чем больше степень сжатия, тем больше времени требуется.

И еще немного.

Итак мы переходим к JPEG, здесь все гораздо проще, и так продолжим. Но перед этим скажу, что JPEG нельзя пересохранить не потеряв качество, даже со степенью качеством 100 (это не максимальное качество, а математический предел оптимизации). Рассмотрим следующий пример (чтобы было честно, изображения были оптимизированы по одному и тому же алгоритму).

Оригинальное изображение — 52 917 байт.

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Новое изображение (сохранен через Adobe Photoshop CS5, Save for Web 100) — 53 767 байт

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Строим diff-разницу изображений.

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Вот так вот сильно изменилась картинки, да, визуально ничего не заметно. Как видно размер картинки увеличился. Это из-за специфики библиотеки, которая создает JPEG, о библиотеках поговорим чуть позже.

Есть только одна программа, которая позволяет пересохранить изображения в JPEG не потеряв качество — BetterJPEG (есть плагин к Adobe Photoshop). Если не ошибаюсь, для жителей стран СНГ для некоммерческого использования программа бесплатная. Лично я использую BetterJPEG, когда нет исходника и требуется незначительное редактирование изображения. Рассмотрим пример работы BetterJPEG.

Оригинальное изображение.
в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество
Новое изображение (усложняем ситуацию, добавляем надпись «HTML»).
в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество
Строим diff-разницу изображений.

в каком формате сохранять фото чтобы не потерять качество. Смотреть фото в каком формате сохранять фото чтобы не потерять качество. Смотреть картинку в каком формате сохранять фото чтобы не потерять качество. Картинка про в каком формате сохранять фото чтобы не потерять качество. Фото в каком формате сохранять фото чтобы не потерять качество

Markers

JPEG в отличие от PNG состоит из маркеров. Рекомендую прочитать статью «Структура файла, маркеры», также рекомендую вообще посмотреть сам сайт. Самая мощная программа по изучению структуры JPEG — JPEGsnoop. Есть еще программы, но о них расскажу в заключении. Для изучения структуры JPEG рекомендую следующее изображение — PhotoME.
Удаления некоторых маркеров (APP0-APP15, COM), может существенно уменьшить размер изображения. Мне больше всего для этого нравится программа — Jhead, наиболее простая и удобная.

Progressive и Optimized
Библиотека создания JPEG

Сказать какая из двух библиотек оптимизирует лучше, вопрос очень сложный и не однозначный, но из-за очень высокой скорости работы JPEGTran, Вы просто не замечаете его работу, только не забывайте проверять размер изображения, увеличился или нет, Все это можно сделать и через bat. Помните, JPEGTran может переводить JPEG из Progressive в Optimized и наоборот, не изменяя саму картинку.

Заключение

Это конечно все причины, но наиболее существенные. Почти со всеми авторами приведенных программа я общался, и все они очень талантливые люди. Хотел отдельно поблагодарить x128 за огромную помощь в изучении оптимизации изображений.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *