Что влияет на размер растрового файла
Все еще думаете, что вам нужно снизить разрешение ваших изображений перед их загрузкой в Интернет? В этом уроке вы узнаете, почему это не так, и почему разрешение никак не влияет на размер файла или скорость загрузки!
На этом уроке, шестом в моей серии по изменению размера изображений в Photoshop, мы рассмотрим разрешение изображения, размер файла, распространенное мнение о том, что оба они так или иначе связаны, и почему это мнение совершенно неверно.
Многие люди думают, что снижение разрешения изображения также уменьшает размер файла изображения, что позволяет быстрее загружать его через Интернет. Но хотя это правда, что файлы меньшего размера загружаются быстрее, разрешение вашего изображения не имеет ничего общего с размером файла. В этом уроке я покажу, почему нет такого понятия, как «веб-разрешение» для изображения, и как легко это доказать!
Чтобы следовать, вы можете открыть любое изображение в Photoshop. Я скачал это фото с Adobe Stock:
Это урок 6 в моей серии «Изменение размера изображения» . Давайте начнем!
Просмотр текущего размера изображения
Чтобы просмотреть текущий размер изображения, перейдите в меню « Изображение» в строке меню и выберите « Размер изображения» :
Откроется диалоговое окно « Размер изображения» в Photoshop с окном предварительного просмотра слева и параметрами размера изображения справа. Окно предварительного просмотра доступно только в Photoshop CC :
Текущий размер изображения, как в пикселях, так и в мегабайтах, находится вверху. Рядом со словами « Размер изображения» мы видим, что мое изображение в настоящее время занимает 69,1 МБ (мегабайт) в памяти. А рядом со словом Размеры , это показывает , что мое изображение имеет ширину в 6016 пикселей и высоту от 4016 пикселей :
Текущее значение разрешения
Если вы посмотрите дальше вниз, вы найдете вариант разрешения . Для моего изображения в настоящее время установлено разрешение 300 пикселей на дюйм . У вас может быть другое значение, и это нормально:
Что такое разрешение изображения?
Так что же такое разрешение изображения и что делает этот параметр в диалоговом окне «Размер изображения»? Существует много путаницы в отношении значения разрешения, особенно когда дело доходит до загрузки изображений в Интернет. Итак, давайте начнем с изучения того, что на самом деле означает разрешение изображения.
Разрешение изображения делает одно и только одно; он контролирует размер , который будет ваше изображение печати . Значение «Разрешение» в диалоговом окне «Размер изображения» в Photoshop задает количество пикселей на изображении, которое будет печататься на линейный дюйм бумаги . Более высокие значения разрешения упаковывают больше пикселей в линейный дюйм, что приводит к меньшему размеру печати. А более низкие значения разрешения дают меньше пикселей на дюйм, что дает нам больший размер печати.
Как разрешение изображения влияет на размер печати
Например, разрешение 300 пикселей на дюйм означает, что 300 пикселей от ширины изображения будут упаковываться в каждый дюйм бумаги слева направо. Это также означает, что 300 пикселей от высоты изображения будут упакованы в каждый дюйм бумаги сверху вниз.
Чтобы выяснить фактический размер отпечатка, мы просто делим ширину и высоту изображения в пикселях на значение разрешения. Так, с моим изображением ширина 6016 пикселей , разделенная на значение разрешения 300 пикселей / дюйм , означает, что мое изображение будет печататься с шириной примерно 20,053 дюйма . И мы можем сделать то же самое с высотой. Высота 4016 пикселей, разделенная на 300 пикселей / дюйм, означает, что высота моего изображения при печати составит примерно 13,387 дюйма .
Просмотр текущего размера печати
Непосредственно над значением «Разрешение» в диалоговом окне «Размер изображения» находятся параметры « Ширина» и « Высота» . Чтобы просмотреть текущий размер отпечатка вашего изображения, измените тип измерения для ширины и высоты с пикселей на дюймы . И здесь мы видим, что при разрешении 300 пикселей / дюйм мое изображение будет напечатано с шириной 20,053 дюйма и высотой 13,387 дюйма. И это все, что делает разрешение изображения. Он контролирует размер вашего изображения и ничего более:
Почему разрешение изображения не влияет на размер файла
Итак, теперь, когда мы знаем, что разрешение изображения контролирует размер отпечатка изображения, давайте посмотрим, почему значение разрешения не влияет на размер файла вашей фотографии .
Многие люди считают, что прежде чем отправлять изображение по электронной почте или загружать его в Интернет, необходимо снизить его разрешение, обычно до 72 пикселей / дюйм. Идея состоит в том, что, уменьшая разрешение, вы уменьшаете размер файла, позволяя загружать изображение быстрее. И да, меньшие размеры файла сделать загрузки быстрее. Но уменьшить разрешение никак не сделать размер файла меньше.
Причина в том, что, как мы узнали из предыдущего урока , размер файла изображения полностью зависит от его размеров в пикселях . То есть количество пикселей по ширине и количество пикселей по высоте. Изменение разрешения печати не меняет количество пикселей и, следовательно, не влияет на размер файла. И мы можем очень легко доказать это в диалоговом окне «Размер изображения» в Photoshop.
Опция Resample
Во-первых, нам нужно убедиться, что мы меняем только разрешение, а не количество пикселей. И мы делаем это, удостоверившись, что опция Resample прямо под значением Resolution отключена (не отмечена). Повторная выборка означает, что мы меняем количество пикселей. И если мы изменим разрешение при включенном Resample, размеры в пикселях изменятся вместе с ним. В этом случае мы хотим изменить только значение разрешения, поэтому убедитесь, что Resample выключен:
Текущий размер изображения, размеры в пикселях и разрешение
Обратите внимание, что при разрешении 300 пикселей / дюйм мое изображение в настоящее время имеет размер файла 69,1 мегабайта . И он имеет ширину 6016 пикселей и высоту 4016 пикселей . Я покажу вам, как именно соотносятся размер изображения и размеры в пикселях, в моем уроке о том, как рассчитать размер изображения :
Понижение значения разрешения
Я уменьшу разрешение с 300 пикселей / дюйм до популярного «веб-разрешения» 72 пикселей / дюйм :
Но даже если значение разрешения было снижено, размеры в пикселях не изменились. Изображение по-прежнему 6016 пикселей в ширину и 4016 пикселей в высоту. И поскольку размеры в пикселях не изменились, размер файла также не изменился. Это все точно так же, как и раньше в 69.1M :
На самом деле, единственное , что сделал изменение было размер печати изображения. При уменьшении разрешения до 72 пикселей / дюйм ширина изображения при печати увеличилась с 20 до более 83 дюймов . И высота печати также увеличилась с 13 до почти 56 дюймов . Но, хотя размер печати сильно изменился, размер файла не изменился вообще, и поэтому изображение не будет загружаться быстрее, если вы загрузите его в Интернет:
Вы можете узнать больше о том, откуда взялась идея «веб-разрешения», в моей статье о мифе о 72ppi .
Увеличение значения разрешения
Посмотрим, что произойдет, если мы сделаем обратное и увеличим разрешение. Я увеличу его с 72 пикселей / дюйм до чего-то сумасшедшего, например, 3000 пикселей / дюйм , что намного больше, чем нужно. Я показываю вам, какое именно разрешение вам нужно для высококачественных отпечатков, в моих изображениях с изменением размера для урока печати в этой серии:
Опять же, мы видим, что, хотя разрешение изменилось, размеры в пикселях не изменились. И поскольку размеры в пикселях одинаковы, размер файла также остается прежним:
Как и следовало ожидать, единственное , что было изменено был размер печати. При разрешении 3000 точек / дюйм, изображение теперь будет печатать только 2,005 дюймов шириной и всего 1,339 дюйма в высоту. Но он не будет выглядеть по-другому на вашем экране и не будет загружаться быстрее или медленнее:
Если вам действительно необходимо изменить размер файла изображения, вам необходимо изменить количество пикселей. Я покажу вам, как это сделать, в моем учебнике по изменению размера изображений для электронной почты и обмена фотографиями .
И там у нас это есть! Это быстрый взгляд на то, как разрешение изображения и размер файла связаны или не связаны в Photoshop! На следующем уроке этой серии мы рассмотрим проблемы изменения размера пиксельной графики , снимков экрана и аналогичных типов графики, а также способы достижения наилучших результатов!
Или посмотрите предыдущие уроки этой серии:
И не забывайте, что все наши учебники теперь доступны для скачивания в формате PDF !
Для получения подробных инструкций воспользуйтесь ссылками ниже.
Сведения о размерах в пикселах и о разрешении напечатанных изображений
Размеры в пикселах изменяют общее число пикселов по ширине и длине изображения. Разрешение является мерой четкости деталей растрового изображения и исчисляется в пикселах на дюйм (ppi). Чем больше пикселов на дюйм, тем выше разрешение. В целом изображение с более высоким разрешением позволяет получить более высокое качество при печати.
Если изображения не выполняется (см. раздел Ресамплинг), объем данных изображения остается неизменным при изменении размеров или разрешения печати. Например, при изменении разрешения файла его высота и ширина изменяются так, чтобы объем данных изображения оставался прежним.
Б. Уменьшение разрешения без изменения размеров в пикселах (без ресамплинга).
В. Уменьшение разрешения при неизменных размерах документа приводит к увеличению размеров в пикселах (ресамплингу).
Быстрое отображение текущего размера изображения
Если необходимо быстро отобразить текущие размеры изображения документа, воспользуйтесь справочным окном в нижней части окна документа.
Размер файла
Размер файла изображения — это физический размер файла, в котором хранится изображение. Он измеряется в килобайтах (КБ), мегабайтах (МБ) или гигабайтах (ГБ). Размер файла пропорционален размерам изображения в пикселах. Чем больше количество пикселов, тем детальнее изображение, получаемое при печати. Однако для их хранения требуется больший объем дискового пространства, а редактирование и печать замедляются. Таким образом, при выборе разрешения необходимо найти компромисс между качеством изображения (которое должно содержать все необходимые данные) и размером файла.
Другим фактором, влияющим на размер файла, является его формат. Из-за различий в методах сжатия, используемых в форматах файлов GIF, JPEG, PNG и TIFF, размеры файлов при одинаковых размерах в пикселах могут сильно отличаться. Аналогично влияют на размер файла битовая глубина цвета и количество слоев и каналов.
Photoshop поддерживает максимальные размеры изображения в пикселах, равные 300 000 по горизонтали и вертикали. Это ограничение определяет предельно допустимые размеры и разрешение изображения на экране и при печати.
О разрешении монитора
Разрешение монитора описывается в размерах (в пикселах). Например, если разрешение монитора и размеры фотографии в пикселах одинаковы, то при просмотре в масштабе 100 % фотография будет занимать весь экран. Размер изображения на экране зависит от совокупности факторов — от размеров изображения в пикселах, размера монитора и разрешения монитора. Photoshop позволяет изменять видимый размер изображения на экране, поэтому пользователь может легко обрабатывать изображения любого размера.
При подготовке изображений к просмотру на экране следует ориентироваться на монитор с минимально возможным разрешением.
О разрешении принтера
Разрешение принтера измеряется в точках на дюйм, dpi. Как правило, чем больше точек на дюйм, тем лучше качество печатного изображения. Большинство струйных принтеров обладают разрешением от 720 до 2880 dpi. (С технической точки зрения, в отличие от устройств фотовывода и лазерных принтеров, струйные принтеры оставляют микроскопические кляксы.)
Разрешение принтера отличается от разрешения изображения, но связано с ним. Чтобы напечатать высококачественную фотографию на струйном принтере, необходимо, чтобы разрешение изображения было не менее 220 ppi.
представляет собой количество выводимых точек или полутоновых ячеек на дюйм при печати изображений в режиме градаций серого или цветоделения. Линиатура растра (называемая также ) измеряется в линиях на дюйм (lpi), т. е. линиях ячеек на дюйм в полутоновом растре. Чем выше разрешение устройства вывода, тем выше (тоньше) видимая частота растра.
Соотношение между разрешением изображения и линиатурой растра определяет качество детализации отпечатанного изображения. Чтобы получить полутоновое изображение наивысшего качества, обычно используется изображение, разрешение которого превышает линиатуру растра в полтора или даже два раза. Но для некоторых изображений и устройств вывода хорошие результаты может дать и более низкое разрешение. Чтобы определить линиатуру растра принтера, необходимо обратиться к документации принтера или к поставщику услуг.
Примечание. Некоторые устройства фотовывода и лазерные принтеры с разрешением 600 dpi используют технологии растрирования, отличные от полутонирования. Если печать изображения выполняется на подобном устройстве, обратитесь к поставщику услуг или к документации принтера за рекомендациями по выбору разрешения изображения.
Б. 85 lpi: Среднее зерно используется для печати газет
В. 133 lpi: Мелкое зерно обычно используется для четырехцветной печати журналов
Г. 177 lpi: Очень мелкое зерно обычно используется для печати годовых отчетов и художественных альбомов
Определение оптимального разрешения изображения
Если планируется печать изображения с использованием полутонового растра, диапазон подходящих разрешений изображения зависит от линиатуры растра устройства вывода. Photoshop может определить рекомендуемое разрешение изображения, основываясь на линиатуре растра устройства вывода.
Хорошее Разрешение в 1,5 раза больше, чем линиатура растра.
Наилучшее Разрешение в 2 раза больше линиатуры растра.
Просмотр размера отпечатка на экране
Выберите инструмент «Рука» или инструмент «Масштаб», а затем нажмите кнопку «Размер оттиска» на панели выбора параметров.
Размер изображения на экране будет приблизительно соответствовать размеру при печати, указанному в поле «Размер документа» диалогового окна «Размер изображения» . Размер отпечатка на экране зависит от размера и разрешения монитора.
Примечание. Команда «Размер оттиска» недоступна в версии Creative Cloud.Ресамплинг
Б. Без изменений
В. Ресамплинг (выбранные пикселы отображаются для каждого набора изображений)
Не забывайте, что ресамплинг может привести к снижению качества изображения. Например, при ресамплинге изображения до большего размера в пикселах уменьшаются его детализация и резкость. Применение фильтра «Контурная резкость» к изображению, подвергнутому ресамплингу, может повысить резкость деталей изображения.
Избежать ресамплинга можно сканированием или созданием изображений с достаточно высоким разрешением. Для просмотра результатов изменения размеров в пикселах или печати цветопробы при различных разрешениях выполните ресамплинг дубликата исходного файла.
Photoshop выполняет ресамплинг изображения при помощи , присваивая новым пикселам значения цвета, полученные на основе значений цвета уже существующих пикселов. Используемый метод можно выбрать в диалоговом окне «Размер изображения» .
По соседним Быстрый, но менее точный метод, который повторяет пикселы изображения. Этот метод используется в иллюстрациях, содержащих несглаженные края, для того чтобы сохранить четкие границы и создать файл меньшего размера. Однако этот метод может создать зубчатые края, которые станут заметными при искажении или масштабировании изображения или проведении множества операций с выделением.
Билинейная Этот метод добавляет новые пикселы, рассчитывая среднее значение цвета окружающих пикселов. Он дает результат среднего качества.
Бикубическая Более медленный, но и более точный метод, основанный на анализе значений цвета окружающих пикселов. За счет использования более сложных вычислений бикубическая интерполяция дает более плавные цветовые переходы, чем интерполяция по соседним пикселам или билинейная интерполяция.
Бикубическая, глаже Хороший метод для увеличения изображений на основе бикубической интерполяции, разработанный специально для получения более гладких результатов.
Бикубическая, четче Хороший метод для уменьшения размера изображения на основе бикубической интерполяции с повышенной резкостью. Этот метод позволяет сохранить детали изображения, подвергнутого ресамплингу. Если интерполяция «Бикубическая, четче» делает слишком резкими некоторые области изображения, попробуйте воспользоваться бикубической интерполяцией.
Изменение размера изображения в пикселах
Изменение размеров изображения в пикселах влияет не только на его размер на экране, но и на качество изображения на экране и при печати, то есть на размеры отпечатка или на разрешение изображения.
Для получения наилучшего результата при создании изображения с меньшим размером выполните даунсамплинг, а затем примените фильтр «Контурная резкость». Чтобы создать изображение большего размера, повторно отсканируйте изображение с большим разрешением.Изменение размеров отпечатка и разрешения
При подготовке изображения для печати полезно задавать размер изображения, указывая размеры отпечатка и разрешение изображения. Эти два параметра, называемые , определяют общее число пикселов, а соответственно, и размер файла изображения. Размер документа также определяет базовый размер изображения при помещении его в другое приложение. Управлять размером отпечатка можно при помощи команды «Печать», однако изменения, внесенные командой «Печать», отразятся только на печатном изображении — размер файла изображения не изменится.
Если для данного изображения используется ресамплинг, можно изменять размеры отпечатка и разрешение независимо друг от друга (тем самым изменяя общее число пикселов в изображении). Если ресамплинг выключен, то можно изменять либо размеры изображения, либо разрешение — Photoshop автоматически изменит оставшееся значение, сохраняя общее количество пикселов. Как правило, для получения наивысшего качества отпечатка сначала следует изменить размеры и разрешение без ресамплинга. Лишь затем в случае необходимости можно выполнить ресамплинг.
Чтобы изменить только размеры отпечатка или только размерность и пропорционально изменить общее количество пикселов изображения, выберите пункт «Интерполяция», а затем выберите метод интерполяции.
Чтобы изменить размеры отпечатка и разрешение без изменения общего количества пикселов изображения, не выбирайте пункт «Интерполяция».
Что влияет на размер файла?
Размер файла зависит от разрешения изображения в пикселах и количества содержащихся в нем слоев. Объекты с большим количеством пикселов обладают лучшим качеством при распечатке, однако занимают больше дискового пространства и требуют больших временных затрат на обработку и печать. Необходимо постоянно отслеживать размер файлов, чтобы они не становились слишком велики. В случае чрезмерного увеличения размера файлов необходимо уменьшить количество слоев или изменить размеры изображения.
Информация о размерах файла изображения отображается в нижней части окна приложения.
- Зачем нужна оптимизация изображений для сайта?
- В чем проблема оптимизации изображений ?
- Что влияет на размер файла при представлении изображений
- Размер изображения
- Случай 1: изображение больше экрана
- Случай 2: изображение меньше экрана
- Промежуточный вывод
- Глубина цвета
- Форматы графических файлов
- Что такое DPI и чем DPI отличается от PPI
Зачем нужна оптимизация изображений для сайта?
Скорость загрузки страниц — это один из факторов ранжирования сайта в поисковой выдаче. При всех одинаковых остальных характеристиках, если один из сайтов загружается быстрее другого, то более «быстрый» сайт будет показан в выдаче выше «медленного».
На скорость загрузки страницы влияет много параметров сайта и один из них – это размер самой страницы
В чем проблема оптимизации изображений ?
Причина, по которой изображения во многом становятся камнем преткновения при наполнении сайтов, заключается в том, что работа с нзображениями охватывает несколько иную область, которая выходит за пределы WordPress.
Для получения цифрового изображения используются фотокамеры. Важно понимать, что фотокамеры разработаны в основном для получения изображения, годного для печати. А печать требует гораздо большего разрешения, чем могут предложить мониторы.
Поэтому если поместить изображение с фотокамеры прямо на веб-страницу, то оно наверняка превысит ширину дисплея в несколько раз.
Надо учитывать, что даже JPG-фото с шириной 800 пикселей может занимать более 2 Mb, если его должным образом не оптимизировать. А если при вводе нужно применить прозрачность в изображении, то надо знать и о альфа-прозрачности, и 24-битных png-файлах.
В этой статье я попытаюсь объединить в одном месте базовые знания по оптимизации изображений, а в последующих публикациях рассказать, какие инструменты использую и привести алгоритмы обработки изображений для публикации их на сайте.
Что влияет на размер файла при представлении изображений
- размер изображения,
- глубина его цветности
- формат файла.
Размер изображения
Размеры растровых изображений выражают в виде количества точек (пикселей) по горизонтали и вертикали.
Например, цыфровая камера делает фото размером 3200×2100 пикселов. В данном случае это означает, что ширина изображения составляет 3200, а высота — 2000 точек. Такое изображение состоит из 6 720 000 точек (пикселов), то есть больше 6 мегапиксела.
Изображения, как правило, хранятся в виде, максимально пригодном для отображения экранами мониторов. Они хранят цвет пикселов в виде требуемой яркости свечения излучающих элементов экрана, и рассчитаны на то, что пикселы изображения будут отображаться пикселами экрана один к одному.
Помимо геометрических характеристик как то размер диагонали и соотношение сторон, экраны мониторов имеют такой параметр как разрешающую способность: величину, определяющую количество отображаемых точек растрового изображения на единицу площади (или единицу длины), измеряемую в ppi.
Разрешением экрана монитора обычно называют размеры получаемого на экране изображения в пикселах: 800×600, 1024×768, 1280×1024. Здесь подразумевается разрешение относительно физических размеров экрана, а не эталонной единицы измерения длины, такой как 1 дюйм (2,54 см). Для получения разрешающей способности в единицах ppi (количество пикселей на дюйм) данное количество пикселов необходимо поделить на физические размеры экрана, выраженные в дюймах.
Например, я пишу эти строки на ноутбуке, размер монитора ноутбука: 342 мм х 194 мм, текущее разрешение экрана ноутбука: 1366px х 768px. Соотвестввенно, разрешение моего монитора по горизонтали равно примерно 1366/342*25,4 = 101 пикселов на дюйм (ppi), по вертикали равно примерно 768px/194мм*25,4 = 101 пикселов на дюйм (ppi).
Обычно минимальное ppi для «старых» мониторов 72 ppi (VGA). Сегодня мониторы имеют большую разрешающую способность: от 90 до 120 пикселей на дюйм
При выводе изображения на поверхность экрана изображение занимает прямоугольник определённого размера. Для оптимального размещения изображения на экране необходимо согласовывать количество точек в изображении и пропорции сторон изображения с соответствующими параметрами экрана.
Если пиксели изображения выводятся пикселами экрана один к одному, размер будет определяться только разрешением экрана. Это самый оптимальный вывод изображения на экран
Соответственно, чем выше разрешение экрана, тем больше точек отображается на той же площади и тем менее зернистой и более качественно будет выглядеть ваша картинка.
При большом количестве точек, размещённом на маленькой площади, глаз не замечает мозаичности рисунка. Справедливо и обратное: малое разрешение позволит глазу заметить растр изображения («ступеньки»).
Случай 1: изображение больше экрана
Большый размер изображения при меньшем размере плоскости отображающего устройства не позволит вывести на него всё изображение. Поэтому при выводе изображение будет «подгоняться» под экран. Например, для каждого отображаемого пикселя на экране будут усредняться цвета попадающей в него части исходного изображения (окружающих его пикселей, которые будут исключены из отображения).
Плюс: лучшее качество картинки, минус – больший размер файла изображения, и посему файл с изображением загружается медленнее.
Случай 2: изображение меньше экрана
При необходимости крупно отобразить изображение небольшого размера на устройстве с высоким разрешением программе придется вычислять цвета промежуточных пикселей. В этом случае будут генерироваться дополнительные пиксели и качество картинки будет ухудшаться.
Плюс: меньше размер изображения, быстрее загружается файл. Минус: хуже качество картинки
Промежуточный вывод
Соответственно, в первом случае размер картинки будет больше необходимого, и удаление «лишних» пикселей, не участвующих в отображении, почти никак не ухудшит качество ее отображения.
Для того, чтобы вывести фотографию 3000х2000 пикселей в 1:1 на экран большинства мониторов с 96ppi – понадобиться монитор с размерами: 3000 / 96 * 2,54 = 79 см по горизонтали и 2000 / 96 * 2,54 = 53 см по вертикали.
А так, как мониторы у нас размером меньше, то для показа такой фотографии на экране стандартных мониторов ее можно запросто сжать до существенно меньших размеров, «выбросив» лишнюю детализацию. При условии, что эту фотографию не будут увеличивать и рассматривать детали.
Глубина цвета
Для представления цвета обычно кодируют яркости красной, зелёной и синей составляющих — такое кодирование называют RGB-моделью.
У профессиональных цифровых фотокамер и у сканеров глубина цвета может быть 48 или 51 бит на пиксель. Более высокая разрядность оказывается полезна при последующей обработке фотографий: цветокоррекции, ретушировании и другим операциям с файлом.
Чем больше разрядность цвета – тем выше цветопередача и качество представления изображения, но тем больше размер самого файла изображения.
Форматы графических файлов
Размер файла растровой графики сильно зависит от формата, выбранного для хранения изображения. При прочих равных условиях, таких как размер изображения и глубина цветности существенное значение имеет формат изображения и алгоритм его сжатия. BMP один из первых графических форматов. Его распознает любая программа, работающая с графикой. Поддержка формата интегрирована в операционные системы Windows и OS/2. Из-за больших размеров графического файла формат практически не используется в Интернете. GIF способен хранить сжатые данные без потери качества в формате до 256 цветов. Включает алгоритм сжатия без потерь информации.Изображение в формате GIF хранится построчно. Рекомендуется для хранения; изображений, создаваемых программным путем (диаграмм, графиков и так далее) и рисунков (типа аппликации) с oгpaниченным количеством цветов (до 256). PNG Растровый формат хранения графической информации, использующий сжатие без потерь. У PNG есть поддержка альфа-канала (прозрачности). JPEG — наверно, самый популярний графический формат, применяемый для фото и рисунков в сети Интернет. Свою популярность JPEG заслужил благодаря гибкой возможности сжатия данных. При необходимости изображение можно сохранить с максимальным качеством. Либо сжать его с потерей качества изображения, но до минимального размера файла для передачи по сети. Файлы в формате JPEG имеют расширения .jpg, .jfif, .jpe или .jpg. WebP — относительно новый формат сжатия изображений с потерями и без потерь качества, предложенный компанией Google Inc. в 2010 году. Был создан, как альтернатива PNG и JPG, и отличается от них гораздо меньшим размером при том же качестве изображения.BMP файл имеет, как правило, большие размеры, по сравнению с файлами PCX и GIF, которые в свою очередь больше JPEG файла.
Что такое DPI и чем DPI отличается от PPI
Если конструкция и принципы работы монитора позволяют воспроизводить цвета в виде цветных равномерно заполненных квадратиков с регулируемой яркостью каждого квадратика, то конструкция других выводных устройств, в частности лазерных и струйных принтеров, фотоавтоматов и офсетных печатных машин такого не позволяет. Ни лазерный ни цветной принтер ни печатная машина не в состоянии воспроизвести точку с регулируемой яркостью.Файл изображения попадая в программу печати (зачастую это просто драйвер принтера) проходит процедуру растрирования. На изображение накладывается матрица (сетка), размер ячейки сетки и определяется тем самым dpi.
Dpi характеризует количество точек в одном дюйме (1дюйм=2,54 см) наносимых на бумагу для отрисовки одного растра (линии) изображения. То есть в данном случае уже не важно какое было разрешение самого изображения в ppi — на dpi это уже никак не влияет. Чем меньше созданная точка dpi, тем их больше поместится на 1 дюйм, тем более качественнее выглядит печать.
Возможно, у вас возникнет вопрос; а что же значит указанное в свойствах графического файла значение 72, 150 или 300 dpi?
Задавайте вопросы, пишите предложения и замечания в комменариях ниже.
Делитесь статьей в социальных сетях.
Выше было отмечено, что для получения растровых изображений (цифровых фотографий) высокого качества требуется высокое разрешение. Это в свою очередь сказывается на размерах графических файлов, которые с ростом качества непомерно растут. В подтверждение этому давайте рассмотрим практический пример, в котором сравним размеры файлов одного и того же изображения, сохраненного в различных форматах. Для этого выполните следующее:
Откройте программу Adobe Photoshop, и командой File ( Файл ) Open (Открыть) загрузите в него одну из ваших цифровых фотографий. В нашем примере это снимок, показанный на рис. 2.6. В оригинальном варианте фотография имеет разрешение 1200x1600 pixels .
увеличить изображение
Рис. 2.6. Оригинальное изображение, использованное в примере 2.1.
С помощью команды File Save As ( Файл Сохранить как) сохраните исходное изображение в различных форматах.
В нашем случае мы получили следующие результаты, показанные в табл. 2.2.
Как видно из табл. 2.2, файл изображения в формате JPG имеет минимальный размер, а TIF без сжатия — максимальный (с разницей на порядок). Такое различие связано с тем, что в формате JPEG используется технология сжатия (компрессии) хранящейся в графическом файле информации. Поясним о чем речь.
Алгоритмы сжатия изображений
Любой информации (в том числе и графической) свойственна избыточность, поэтому сжатие позволяет значительно уменьшить ее объем. Степень сжатия может колебаться в десятки и сотни раз: это зависит от типа данных и применяемого алгоритма. Однако сильное сжатие графической информации обычно связано с потерей качества. Существует множество разных алгоритмов сжатия, учитывающих те или иные особенности сжимаемой информации. Однако алгоритма, одинаково хорошо сжимающего файлы любых форматов, пока не создано.
С самых общих позиций все существующие алгоритмы сжатия можно разбить на два больших класса:
- сжатие без потерь;
- сжатие с потерями.
Сжатие без потерь
Алгоритмы сжатия без потерь основаны на поиске и выбрасывании в растровом изображении повторяющихся элементов. Их можно запомнить один раз и впоследствии повторить необходимое количество раз. По алгоритму сжатия при необходимости полностью пиксел за пикселом восстанавливают исходное изображение. При этом в исходных данных ничего не теряется.
Метод сжатия без потерь (например, в формате TIF) очень эффективен для растровых рисунков, содержащих большие области однотипных элементов (например, в орнаменте) или однотонной закраски. В таких случаях можно получить коэффициент сжатия 10:1.
В основе алгоритмов сжатия без потерь лежат несколько методов. Например, при использования метода сжатия LZW ( Lempel-Ziv-Welch), разработаного в 1978 году израильтянами графические данные сжимаются путем поиска одинаковых последовательностей во всем файле. Затем выявленные последовательности сохраняются в таблице, где им присваиваются более короткие ключи. Например, если в изображении имеются наборы из пурпурного, оранжевого и зеленого пикселов, повторяющиеся 10 раз, LZW выявляет это, присваивает данному набору отдельное число (например, 5) и затем сохраняет эти данные 10 раз в виде числа 5.
Сжатие с потерями
В отличие от сжатия без потерь сжатие с потерями, наоборот, лучше всего работает с теми изображениями, на которых нет повторяющихся элементов или больших областей однотонной закраски. В растровом рисунке, который содержит множество соседних незначительно отличающихся друг от друга пикселов (например, в фотографии моря), большие области могут заполняться пикселами одного, усредненного цвета.
Поясним сказанное на примере. Представьте, что вы сжимаете (архивируете) фотографию с морским пейзажем . Реальное море имеет сложную структуру: темно-синие участки, светло-синие участки, голубые области, белые пятна облаков. По причине такого обилия цветов и получается большой размер файла . Однако при сжатии с потерями все оттенки синего и голубого заменяются одной синей (голубой) краской, все оттенки зеленого — одной зеленой краской и так далее. В результате мы получаем сильно обедненную цветовыми переходами картинку моря, но зато - маленький и компактный файл.
В настоящее время существует несколько алгоритмов сжатия с потерями, самыми известными из которых являются JPEG .
Важным моментом в применении сжатия с потерями является определение "приемлемого уровня" потерь. Уровень этот субъективен, т.е. зависит от того, кто его оценивает, а также от ваших целей и задач. Если ваша оригинальная фотография предназначена для цветной печати в дорогом полиграфическом издании, то ни о каких "приемлемых потерях" не может быть и речи. Другое дело, если эта фотография предназначена для просмотра вашими друзьями на Web-странице, где одним из главных критериев является малый размер файла .
Тему "приемлемого уровня" потерь проиллюстрируем таким примером. В программе Adobe Photoshop командой File (Файл) Open (Открыть) откройте любую из ваших фоторабот а затем сохраните ее на диске командой File (Файл) Save As (Сохранить Как). В ходе этой команды появится окно Save As (Сохранить Как), в котором вы выберите формат JPEG . Нажмите на кнопку Сохранить - возникнет следующее окно, показанное на рис. 2.7.
В данном окне вы как раз и можете выставить этот самый "приемлемый уровень потерь", продвигая ползунок из положения small file (маленький файл) до положения large file (большой файл). Замечу также, что при качестве изображения ( Quality ) ниже восьми вашу фотографию ни в один журнал не возьмут!
Графический формат JPEG
О формате JPEG хотелось бы поговорить особо. На сегодняшний день формат JPEG (Joint Photographic Experts Group) является одним из наиболее распространенных графических форматов для сжатия файлов. Как уже отмечалось, в нем реализован алгоритм сжатия с потерями. Это означает, что в процессе сжатия изображения происходит частичная потеря хранящейся в файле информации. Поэтому в процессе применения этой процедуры сжатия приходится искать компромисс между степенью сжатия и качеством сохраняемого изображения. Чем больше сжатие, тем ниже качество, и наоборот.
Кодирование данных с помощью используемого в JPEG алгоритма сжатия осуществляется в несколько этапов, в ходе которых отбрасывается значительная часть информации о цвете (в зависимости от степени сжатия). Затем, в зависимости от выбранного вами уровня качества, отбрасывается определенная часть данных, характеризующих тонкие детали. Например, то, что практически потеряно в тенях и светах, но для глаза будет незаметно (Поскольку спектр деталей базируется на зрительном восприятии человека, то крупные детали более заметны, чем мелкие).
Таким образом, чем выше уровень компрессии, тем больше данных отбрасывается и тем ниже качество. Используя JPEG , можно получить файл в 1-300 раз меньше исходного.
При сохранении графических изображений в формате JPEG следует учитывать следующее:
- JPEG лучше подходит для сжатия растровых картинок фотографического качества, чем для логотипов или схем. Это связано с тем, что в них больше полутоновых переходов, в то время как при сжатии однотонных заливок появляются нежелательные помехи.
- Нежелательно сохранять в JPEG формате любые изображения, в которых важны тонкие нюансы цветопередачи (репродукции), так как во время сжатия происходит отбрасывание цветовой информации.
- Этот формат следует использовать только для сохранения конечного варианта работы, потому что каждое последующее сохранение приводит к новым потерям (отбрасыванию) данных.
Резюме
Материал этой части курса был посвящен представлению о том, что из себя представляет цифровое изображение. Читатель познакомился с растровыми и векторными редакторами, узнал о разрешении и форматах графических файлов, об алгоритмах сжатия растровых изображений. Автор считает, что все это - обязательная минимально необходимая база для того, чтобы успешно двигаться дальше. В путь !
Читайте также: