Для изменения количества пикселей изображения используется процесс: Photoshop: размер и разрешение изображения

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

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

Пример приведен в Photoshop CS6, в прочих версиях CS алгоритм действий будет аналогичным.

Меню «Размер изображения»

Для примера используем эту картинку:

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

Уменьшение размера в этом редакторе не должно вызвать никаких трудностей. Для этой опции в Photoshop существует меню «Размер изображения» (Image Size).

Чтобы найти эту команду, кликните закладку основного меню «Изображение — Размер изображения» (Image — Image Size). Также можно использовать «горячие клавиши» ALT+CTRL+I

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

Это диалоговое окно имеет два блока — Размерность (Pixel Dimensions) и Размер печатного оттиска (Document Size).

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

Высота, Ширина и их размерность

Подойдем к изучению этого меню детально.

Правее пункта «Размерность» (Pixel Dimensions) указано количественное значение, выраженное в цифрах. Они обозначают размер текущего файла. Видно, что изображение занимает 60,2 М. Буква М расшифровывается как мегабайт:

Понимать объем обрабатываемого графического файла важно, если нужно сравнить его с исходным изображением. Скажем, если у нас есть какие-то критерии максимального веса фотографии.

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

Высота (Height) используемой нами фотографии составляет 3744 пикселя, а Ширина (Width) — 5616 пикселей.
Чтобы выполнить задачу и разместить графический файл на web-странице, необходимо уменьшить его размер. Делается это через изменение числовых данных в графе «Ширина» и «Высота».

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

Еще один вариант ввода информации о размере изображения – использование процентного соотношения с исходным размером картинки.

В том же меню, правее поля ввода «Ширина» и «Высота», есть выпадающие меню для единиц измерения. Изначально они стоят в пикселях (pixels), вторая доступная опция – проценты.

Для переключения на процентное исчисление, просто выберем другую опцию в выпадающем меню.

Вводим нужное число в поле «проценты» и подтверждаем нажатием клавиши «ОК». Программа меняет размер картинки в соответствии с введенным процентным значением.

Высоту и ширину фотографии можно даже считать по отдельности – одну характеристику в процентах, вторую в пикселях. Для этого зажимаем клавишу SHIFT и кликаем в нужное поле единиц измерения. Затем в полях указываем необходимые характеристики – проценты и пиксели соответственно.

Пропорции и растяжение изображения

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

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

Растяжение изображения возникнет, если изменить ширину картинки, а высоту оставить прежней, либо поменять числовые данные произвольно. Программа подсказывает, что высота и ширина имеют зависимость и изменяются пропорционально – об этом говорит логотип звеньев цепи правее окошка с пикселями и процентами:

Зависимость между высотой и шириной отключается в строке «Сохранять пропорции» (Constrain Proportions). Изначально в чекбоксе стоит галочка, если же нужно изменять характеристики независимо, то достаточно оставить поле пустым.

Потери качества при масштабировании

Менять размерные величины картинок в редакторе Photoshop – это тривиальная задача. Однако есть нюансы, которые важно знать, чтобы не потерять качество обрабатываемого файла.

Чтобы понятнее объяснить этот момент, воспользуемся простым примером.

Предположим, требуется изменить размер изначальной картинки – уменьшить его вдвое. Поэтому во всплывающем окне Размера изображения ввожу 50%:

При подтверждении действия клавишей «ОК» в окошке «Размера изображения» (Image Size), программа закрывает всплывающее окно и применяет обновленные настройки к файлу. В данном случае – уменьшает картинку в два раза от первоначального размера по ширине и по высоте.

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

Теперь продолжим работу с этим изображением, на этот раз увеличим его до исходных размеров. Опять открываем то же диалоговое окошко Размера изображения. Вводим единицы измерения проценты, а в соседних полях вбиваем число 200 – чтобы восстановить исходный размер:

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

Алгоритмы Photoshop при масштабировании

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

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

Другое дело – увеличение, вот тут нас подстерегают трудности. В случае с уменьшением, программе не нужно ничего изобретать – просто удалять лишнее. Но когда требуется увеличение, то необходимо выяснить, откуда Photoshop возьмет нужные для объема картинки пиксели? Программа вынуждена самостоятельно принимать решение о вкраплении новых пикселей, попросту генерируя их в увеличенное итоговое изображение.

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

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

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

Помогла ли вам эта статья?

Как изменить размер изображения в Photoshop без потери качества

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

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

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

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

Изменение размера изображения в Photoshop

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

1. Размер открытого изображения

Параметры изменения размера находятся в окне «Размер изображения». Чтобы получить доступ к окну, откройте файл изображения. Затем щелкните Image в верхней части рамки приложения и щелкните Image Size . Или, удерживая Command + Option , нажмите на клавиатуре I .

Здесь вы увидите ряд параметров, полей и раскрывающихся меню, позволяющих управлять размерами и разрешением изображения.

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

2. Задайте размер

Введите ваши конкретные размеры. В раскрывающихся меню справа от каждого поля измерения вы можете выбрать единицы измерения:

• Процент — позволяет выполнять быстрые вычисления в процентах
• Пикселей — устанавливать конкретные размеры пикселей
• дюймов — устанавливает PPI ​​(пикселей на дюйм)
• Другие единицы линейного измерения

Просто выберите, какие единица соответствует вашей цели.Рекомендуется использовать изображение с предварительно заданным размером для использования в предполагаемой среде, чтобы другие приложения или службы не могли изменять ваши изображения без вашего ведома. Это означает, что нужно сделать изображение именно того размера, который вам нужен, чтобы вы могли разместить его на 100%.

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

3. Сохраните копию

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

Нажмите Command + Shift + S , чтобы открыть диалоговое окно Сохранить как , также доступное в меню «Файл» вверху. Здесь вы можете переименовать файл с измененным размером, чтобы отличить его от оригинала, а также сохранить его в новом месте.Если у вас есть пакет изображений, размер которых нужно изменить, рекомендуется создать новую папку для новых изображений на всякий случай.

Увеличить изображение в Photoshop

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

Вот где Разрешение важно. Это показатель детализации изображения, измеряемый количеством пикселей в пределах одного квадратного дюйма или PPI (пикселей на дюйм). Ниже вы можете увидеть, как выглядят разные разрешения. Больше пикселей на квадратный дюйм изображения дает больше деталей и резкости.

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

1. Включить сохранение сведений 2.0

Photoshop представил эту функцию высококачественного увеличения в 2018 году. Чтобы включить ее, нажмите Command + K, чтобы открыть окна настроек, затем щелкните Технологические превью в списке слева от окна.

Вы также можете щелкнуть Photoshop в верхней части экрана, навести курсор на «Настройки» и щелкнуть «Предварительный просмотр технологий».

Просто убедитесь, что включен параметр «Включить сохранение подробностей 2.0», и все готово. Если нет, щелкните по нему. Нет необходимости перезагружать. Теперь вернитесь в окно размера изображения и обратитесь к переключателю Resample.

2. Включить повторную выборку

При выключении размеры в пикселях и разрешение остаются связанными. Если вы увеличите разрешение (в окне это отображается как «Пиксели / дюйм»), размеры уменьшатся, чтобы отразить изменение, и наоборот. Это просто означает, что Photoshop — это , а не , добавляя или удаляя пиксели, общее количество пикселей остается постоянным и изменяется только количество пикселей на квадратный дюйм.

Теперь отметьте Resample on, и опции для метода передискретизации в раскрывающемся списке рядом с ним станут доступными. Это параметры для отдельного изменения разрешения и размеров, позволяющие Photoshop смешивать пиксели различными способами, чтобы изображение оставалось гладким при увеличении или уменьшении. Варианты увеличения находятся в верхней половине списка.

3. Выберите «Сохранить детали» 2.0

Режим увеличения по умолчанию — Автоматически , но можно установить последний использованный метод. Если для него установлено значение «Автоматически», Photoshop не будет использовать «Сохранить детали 2.0», поэтому выберите его вручную, чтобы обеспечить высокое качество результатов. Поэтому для достижения наилучших результатов выберите Preserve Details 2.0 .

4. Снижение шума

Когда вы выберете из списка «Сохранить детали 2.0», вы увидите ползунок для процента снижения шума. Инстинктивно может показаться, что можно полностью перебросить ползунок на 100%, но используйте предварительный просмотр в левой части окна, чтобы увидеть, как это повлияет на изображение.Иногда это может смазывать детали изображения, если установлено слишком высоко. Выберите значение, которое снижает шум, но не делает детали слишком кремовыми.

Теперь сделайте последнюю проверку предварительного просмотра изображения, увеличивая и уменьшая масштаб и панорамируя изображение. При необходимости измените шумоподавление. Нажмите ОК и снова проверьте изображение на весь экран.Если вы хотите сравнить, нажмите «Отменить» (Command + Z) и снова откройте «Размер изображения». Воспользуйтесь другими способами увеличения из раскрывающегося меню и проверьте результаты. Скорее всего, Preserve Details 2.0 будет лучшим вариантом для высококачественного увеличения без потери качества изображения.

Ищете другие полезные советы по Photoshop? Проверьте это.

Как изменить размер изображения в Photoshop и сохранить наилучшее качество

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

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

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

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

Как изменить размер изображения в Photoshop

Изменить размер изображения очень просто.Выберите «Изображение»> «Размер изображения»

. Вы увидите это диалоговое окно.

1. Убедитесь, что ресамплинг включен.
2. Включите звено цепи, если вы хотите, чтобы ширина и высота изменялись вместе. Если нет, отключите цепочку, чтобы вы могли установить свою ширину и высоту.
3. Выберите свой новый размер (вы можете выбрать другие единицы измерения, нажав «дюймы»)
4. нажмите ОК

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

Как на самом деле измеряется разрешение?

Без особого усложнения, разрешение — это то, что вы видите на экране или в печати. На экране вы видите пикселей света, а в печати вы видите точек чернил. Отсюда и термины DPI (точек на дюйм) и PPI (пикселей на дюйм). В чрезмерном упрощении вы можете думать о них как об одном и том же, однако точки относятся к печати, а пиксели — к цифровому дисплею.Многие люди ошибочно говорят о DPI на экране, это неверно, но теперь вы знаете, что они имеют в виду. DPI и PPI — оба способа описать разрешение .

Вы слышали термины «высокое разрешение», «низкое разрешение» или «низкое разрешение». Это означает, насколько плотны пиксели (или точки). Больше плотности = больше разрешения или детализации. Если разрешения недостаточно (изображение недостаточно большое), вы увидите заметную мягкость изображения или даже неровности (также называемые пикселизацией).Слишком большое разрешение не повлияет на качество отображения изображения, у вас просто будет излишне большой файл. Итак, давайте подберем лучшее разрешение для ваших нужд.

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

Объяснение цифрового разрешения

Каждый экран имеет собственное разрешение, возможно, 750 x 1334 пикселей или 326 пикселей на дюйм, как у iphone Retina.326 — это 326 квадратных пикселей, которые умещаются на 1 квадратный дюйм дисплея, чтобы полностью соответствовать размеру экрана. Но лучший способ измерить разрешение экрана — это общее количество пикселей.

• Например, многие мониторы (HD) имеют разрешение 1920 пикселей и высоту 1080 пикселей. 1920 × 1080.
• 4K (Ultra HD) — 3840 x 2160.
• Камера Canon 5d Mk4 имеет размер прибл. 30 мегапикселей (мегапикселей = миллион пикселей). 6720 x 4480 пикселей (6720 x 4480 = 30 105 600 пикселей).

Разрешение печати объяснено

Печать измеряется в точках на дюйм (DPI) (в коммерческой печати используется количество строк на дюйм или линейный растр).Если у вас больше точек на квадратном дюйме, у вас будет больше разрешение или детализация на отпечатке. Типичное разрешение печати составляет 300 точек на дюйм (например, некоторые струйные принтеры лучше печатают при разрешении 360 или 240 точек на дюйм, посмотрите свои характеристики). Это означает, что на квадратный дюйм или печатный материал приходится 300 точек чернил. Если ваше изображение меньше, оно будет выглядеть мягким, если больше, нет никакой пользы, поскольку принтер не может печатать сверх своего максимального разрешения. Хорошо, как определить правильный ли размер?

1. В Photoshop выберите «Изображение»> «Размер изображения».
2. Отключите пересчет.
3. Введите целевое разрешение в поле «Разрешение», в данном случае 300ppi (если вы настроили таргетинг на 300 точек на дюйм, PPI является цифровым эквивалентом)

Теперь вы увидите, что изображение размером 939 x 932 пикселей можно распечатать с разрешением 3,13 x 3,1 дюйма и выглядят красиво и четко при разрешении 300ppi / 300dpi. Если вам нужно напечатать больше, вам нужно либо выбрать изображение большего размера, либо увеличить изображение (пересчитать).

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

Как описать размер изображения

Если кто-то просит изображение определенного размера, просто сказав «4 × 6 дюймов» или «с разрешением 300 точек на дюйм», вы не получите достаточно информации. Иногда люди даже заходят так далеко, что говорят «300 dpi на 12 Мб», но это тоже не помогает, потому что размер файла на самом деле не влияет на физический размер изображения, потому что на это влияет сжатие файла и тип файла.Что вам нужно знать: это одно из двух:

1. Общие размеры в пикселях. Скажем, 3000, 4000 пикселей.
2. Укажите целевой размер И разрешение. Например, 4 × 6 дюймов при 300DPI / 300PPI. (Посмотрите, как обрезать до точного размера и разрешения)

Изменение размера изображения и интерполяция в Photoshop

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

Чтобы выполнить повторную выборку, Photoshop должен вычислить, как воссоздать пиксели.Эта математика называется интерполяцией (интерполяция). Интерполяция важна, потому что определенные типы интерполяции дают лучшие результаты для разных типов изображений. Я постараюсь сделать это простым языком как нетехнический и подсказать вам лучшие варианты. Изначально в Photoshop было 3 типа интерполяции (вот ненаучный способ взглянуть на них).

• Ближайший сосед — Думайте об этом, как о просмотре ближайшего пикселя и сопоставлении его цвета и тона.
• Билинейный — Думайте об этом, как если бы смотрели на 4 окружающих пикселя и находили среднее значение
• Би-кубическое — как если бы смотрели на 16 окружающих пикселей и находили среднее. Но придавая больший вес 8 ближайшим пикселям.

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

Adobe добавила еще 2 типа бикубических (в Photoshop CS3).Они добавили:

• BiCubic Smoother: сглаживает артефакты, созданные при увеличении
• Bicubic Sharp: повышается резкость, чтобы восстановить потерянные детали при уменьшении файла

(Посмотрите, какие функции были добавлены в какие версии Photoshop в наших бесплатных супергидах)

Есть еще 2 варианта какие они?

Автоматически (Photoshop CS6), при увеличении выбирается режим «Бикубическое сглаживание» (CS6) / «Сохранить детали» (CC), а при уменьшении изображений — «Би-кубическая резкость».Автоматический — самый простой вариант в большинстве случаев, но продолжайте читать, потому что он может не всегда быть лучшим вариантом.

Интерполяция ступенек

Существует «секретное рукопожатие белки» для опытных пользователей Photoshop «в курсе». Этот секрет часто приписывают Фреду Миранде, открывшему интерполяцию ступенек. Это работает так: когда вы увеличиваете или уменьшаете изображение, вместо того, чтобы просто переходить к окончательному значению, масштабируйте его вверх или вниз на 10% за раз. Вы увидите заметное улучшение резкости изображения и конечного качества. IF вы используете CS6 или более старые алгоритмы интерполяции.

Однако при тестировании я обнаружил, что Preserve Details дает тот же результат, что и ступенька, и я рискну предположить, что некоторые из них встроены в новейший алгоритм. Это был один из незамеченных героев первого выпуска Photoshop CC.

Хорошо, Колин, хватит! Какой метод изменения размера лучше всего использовать?

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

Я обнаружил, что для апскейлинга Preserve Details очень хорошо работает для многих изображений, особенно для штриховых и графических изображений (хотя для простых штриховых рисунков иногда билинейные результаты дают лучшие результаты). Однако иногда для фотографий билинейное сглаживание может давать более естественные (хотя и более мягкие) результаты с меньшим количеством ореолов и артефактов. Вы всегда можете применить к результату некоторую резкость. Результаты зависят от того, насколько вы увеличиваете изображение, а также от того, насколько детализировано изображение по сравнению с большими градиентными областями, такими как небо на фотографиях.Так что не тянитесь только за автомобилем. Попробуйте несколько вариантов, чтобы увидеть, сможете ли вы добиться лучших результатов в Photoshop, иногда это удается.

Понимание разрешения

Прочтите эту статью, в которой объясняется разрешение. Это простое объяснение того, почему описание изображений как 300 точек на дюйм, 72 точек на дюйм и т. Д. Ничего не значит.

Советы по масштабированию изображений в Photoshop

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

• Всегда просматривайте изображения на 100%, нет другого способа определить истинное качество, поскольку это единственное увеличение, которое дает истинную обратную связь.
• Попробуйте изменить размер изображения дважды: один раз для графики, а второй — для фотографий, а затем объедините результаты.
• Используйте предустановки изменения размера, если вы часто масштабируете изображения до заданного размера.
• Вы можете использовать Image Processor pro для пакетной обработки большого количества изображений. Файл> Автоматизация> Image Processor Pro
• Помните, что методы интерполяции доступны для Image Processor Pro, «Сохранить для Интернета», «экспортировать как» и изменить размер.
• Если вам нужно действительно увеличить изображение, посмотрите некоторые сторонние плагины, такие как Alien Skins Blow up или OnOne perfect resize (формально известные как Genuine Fractals), которые заявляют , они могут масштабировать изображения до 1000x при сохранении качества.

Спасибо за ознакомление с этим руководством / статьей. Не забудьте подписаться на нашу рассылку (в правом верхнем углу панели инструментов), чтобы получать информацию, когда я публикую новый учебник. Я обычно каждую неделю делаю учебник, в котором есть как письменный, так и видео компонент для вашего удовольствия от обучения.

Лучший способ изучить Adobe Photoshop

Если вы действительно хотите получить хорошее представление обо всех достоинствах Photoshop, не тратьте время на множество разрозненных руководств от «экспертов», которые частично совпадают, а иногда и не согласуются друг с другом. . Ваше время — ВАШ самый ценный актив . Вот почему я составил исчерпывающий курс Photoshop, который научит вас всему в одном месте. Я впервые начал это в Photoshop 5 и переписывал этот курс 10 раз за последние 17 лет, каждый раз совершенствуя его.Я считаю, что это лучший способ изучить Photoshop, и тысячи людей согласятся со мной. Взгляните на Photoshop CC для цифровых фотографов (это действительно для всех, кто работает с изображениями в Photoshop). Более 100 уроков и 13 часов ценной внутренней информации. Это простой английский, поэтому любой может понять его, а также реальные методы, используемые опытными профессионалами. Все файлы уроков включены, поэтому вы можете следовать за мной, шаг за шагом. Полный возврат 60 денег. Возьмите в мгновение ока Загрузите или DVD прямо сейчас.

Спасибо, ребята!

Ознакомьтесь с другими уроками по PhotoshopCAFE!

Колин

Размер изображения Photoshop и разрешение

Принтер разрешение измеряется в чернильных точках на дюйм, также известное как dpi. Как правило, чем больше точек на дюйм, тем лучше качество печати. ты получишь. Большинство струйных принтеров имеют разрешение примерно От 720 до 2880 точек на дюйм. (Технически струйные принтеры производят микроскопические брызги чернил, а не фактические точки, как в фотонаборных устройствах или лазерных принтерах.)

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

Частота экрана есть количество точек принтера или полутоновых ячеек на дюйм, используемых для печати изображения в градациях серого или цветоделение. Также известен как экран линейный экран или , измеряется частота экрана в строках на дюйм (lpi) — или строк на дюйм в полутонах. экран. Чем выше разрешение устройства вывода, тем лучше (выше) экранную линейку, которую вы можете использовать.

соотношение между разрешением изображения и частотой экрана определяет качество детализации напечатанного изображения.Для получения полутонов изображение самого высокого качества, вы обычно используете разрешение изображения то есть от 1,5 до максимум 2-х кратной частоты экрана. Но с некоторые изображения и устройства вывода, более низкое разрешение может дать хорошие полученные результаты. Чтобы определить частоту экрана вашего принтера, проверьте документацию по принтеру или обратитесь к поставщику услуг.

Как изменить размер изображения без потери качества

Узнайте, как изменить размер изображений без потери качества с помощью Shutterstock Editor. Также узнайте, как быстро преобразовать изображения в пиксели.

Изображение на обложке через Романа Самборского.

Каждое изображение имеет три основные функции, о которых вам нужно знать при загрузке в Интернет.

• Размер файла , измеряется в байтах (килобайтах, мегабайтах и ​​т. Д.)
• Размер , ширина x высота в любой единице измерения (пиксели для цифровых, дюймы или сантиметры для печати)
• Разрешение , которое измеряется в точках на дюйм для печати (DPI) или пикселей на дюйм для цифровых (PPI)

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

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

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

Если это сбивает с толку, просто помните:

• Больше пикселей на дюйм = лучшее разрешение
• Меньше пикселей на дюйм = более низкое разрешение

Конвертировать дюймы в пиксели

Пиксели — это стандартная единица измерения экранов.На веб-сайтах и ​​цифровых платформах требования к размерам будут указаны в пикселях, поскольку дисплеи мониторов и телефонов измеряются в пикселях. Итак, если вы готовите изображения для использования в Интернете, вы хотите установить единицы измерения в пикселях. С другой стороны, требования к печати будут в дюймах или сантиметрах, в зависимости от системы или страны происхождения.

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

Чтобы преобразовать пиксели в дюймы, разделите размеры в пикселях на разрешение.Например, изображение размером 1000 x 500 пикселей с разрешением 72 DPI имеет высоту 13,89 x 6,95 дюйма.

Чтобы узнать разрешение (DPI) изображения, вам нужно знать ширину как в пикселях, так и в дюймах. Разделите размеры в пикселях на размеры в дюймах. Например, изображение шириной 1000 пикселей и 13,89 дюйма будет иметь 72 точки на дюйм.

Чтобы преобразовать дюймы в пиксели, умножьте ширину изображения в дюймах на разрешение или DPI. Например, 13,89 дюйма при 72 пикселях на дюйм — это 1000 пикселей в ширину.

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

Можете ли вы изменить размер изображения на любой, какой хотите?

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

В цифровом изображении количество пикселей представлено DPI (или PPI) и размерами ширины x высоты. Например, изображение размером 2000 x 2000 пикселей с разрешением 72 DPI имеет всего 4 000 000 пикселей.Чтобы уменьшить изображение, скажем, 1000 x 1000 пикселей, я могу просто уменьшить его в размере, и он сохранит тот же уровень детализации, только в меньшем изображении.

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

Однако есть еще несколько способов увеличить изображение без потери всех деталей.

1. Сохранить детали 2.0

Это относительно новая функция Photoshop. Вы можете включить его, нажав Command + K , чтобы открыть окно «Настройки», а затем нажать «Предварительный просмотр технологий». Или щелкните Photoshop в верхней части экрана, наведите курсор на «Настройки» и выберите «Предварительный просмотр технологий».

Перед тем, как перейти к следующему шагу, убедитесь, что включен параметр «Включить сохранение подробностей 2.0».

2. Используйте Resample

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

Вы найдете опцию Resample во всплывающем окне Image Size. Установите флажок, чтобы включить Resample, и изучите параметры увеличения в верхней половине раскрывающегося меню рядом с ним. Photoshop настроен на автоматический режим, но для наших целей вам нужно выбрать Preserve Details 2.0.

Изображение цветочного поля от NumbernineRecord.

3. Снижение шума

После выбора «Сохранить детали 2.0» вы увидите ползунок «Подавление шума». Используйте предварительный просмотр в левой части окна, чтобы увидеть, как перемещение ползунка меняет изображение. При слишком низком перемещении изображение выглядит зернистым и пиксельным, а при слишком высоком — размытым. Отрегулируйте ползунок, пока не найдете значение, которое снижает шум, не размывая детали.

Как изменить размер изображения в Photoshop

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

1. Размер открытого изображения

Щелкните Image в верхнем левом углу окна Photoshop или удерживайте Command + Open и нажмите I .Эти шаги откроют окно размера изображения. Оказавшись там, вы найдете варианты изменения размеров и разрешения вашего изображения.

Изображение носорога, сделанное Stasinho12.

2. Изменить размеры изображения

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

Вставьте нужные размеры в поля Ширина и Высота. Вы найдете следующие варианты единиц измерения в раскрывающихся меню рядом с полями размеров.

• Percent — позволяет выполнять быстрые вычисления в процентах
• Pixels — установить конкретные размеры пикселей
• дюймов — устанавливает PPI ​​(пикселей на дюйм)
• Единицы линейных измерений прочие

Выберите единицу измерения, которая лучше всего подходит для вашего проекта.Если вы планируете поделиться изображением в цифровом виде, измените размер изображения, используя размеры в пикселях для того места, где вы будете публиковать (например, заголовок Facebook или профиль Twitter). Или, если вы печатаете свое изображение, подогнать его под размер окна изображения в программе макета, чтобы получить наилучшее разрешение.

3. Сохраните копию

После установки размеров нажмите OK . Photoshop вернет вас обратно в окно изображения, где вы можете либо сразу сохранить, либо завершить любую другую работу по редактированию, которую захотите.

Когда вы будете готовы к сохранению, нажмите Command + Shift + Plus , чтобы открыть окно Сохранить как , или щелкните меню «Файл» в левом верхнем углу и выберите Сохранить как . Рекомендуется сохранить отредактированное изображение как отдельную копию на тот случай, если вам понадобится оригинал для внесения изменений. Переименуйте копию с измененным размером и сохраните ее в новом месте. Вы даже можете создать новую папку для ваших правок, если вы изменяете размер пакета из нескольких изображений.

Как изменить размер изображения без Photoshop

1.Найдите или загрузите изображение в редактор

Перейдите в редактор Shutterstock и щелкните Начало работы .

Загрузите изображение в онлайн-редактор фотографий с помощью раскрывающегося меню «Файл». Или вы можете найти изображение в коллекции Shutterstock, щелкнув значок увеличительного стекла на левой панели инструментов. Введите ключевые слова и нажмите Enter / Return, чтобы увидеть результаты поиска.

Щелкните изображение, чтобы просмотреть его, затем нажмите Заменить фон , чтобы добавить его на холст.

2. Измените разрешение для вашей среды

В правой части экрана найдите Размер холста. Справа от него будет меню выбора единиц измерения.

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

Справа находится меню выбора разрешения.

• Для веб-изображений выберите 72 DPI .
• Для изображений печати с низким разрешением выберите 150 DPI .
• Для печати изображений с высоким разрешением выберите 300 DPI .

3. Измените размер холста для вашей платформы

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

В редакторе Shutterstock вы можете легко изменить размер изображений до популярных веб-размеров, включая

• Размер изображения Facebook: 1200 x 1200 пикселей
• Размер обложки Facebook: 1702 x 630 пикселей
• Размер сообщения Instagram: 1080 x 1080 пикселей
• Размер истории Instagram: 1080 x 1920 пикселей
• Размер сообщения Twitter: 1024 x 512 пикселей
• Размер сообщения Pinterest: 736 x 1128 пикселей

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

4. Отрегулируйте размер изображения

Щелкните и перетащите одну из синих точек по углам изображения, чтобы изменить ее размер по размеру холста.Пропорции остаются неизменными, поэтому вам не нужно беспокоиться об искажении изображения. Размер холста составляет 1200 x 700 пикселей, поэтому я уменьшаю изображение по сравнению с исходным размером.

5. Загрузите и сохраните

Когда вы довольны своим изображением, дважды проверьте разрешение и размер, затем нажмите красную кнопку Загрузить в правом верхнем углу экрана.

Вам будет предложено проверить имя файла, размер и выбрать лицензию. Нажмите License и продолжите .Затем выберите формат файла и разрешение. Это делается за вас, когда вы выбираете разрешение в главном окне редактора. Нажмите «Загрузить», выберите место для сохранения файла, и все готово.

Примените код купона 202020 при оформлении заказа. Акция
заканчивается 9 ноября 2020 года.

Сэкономьте сегодня

Заинтересованы в улучшении своих знаний об изображениях и фотографиях? Прочтите эти важные статьи:

редактор изображений — Visual Studio (Windows)

• 08/25/2021
• Чтение занимает 7 мин

В этой статье

В этой статье рассматривается, как работать с редактором изображений Visual Studio для просмотра и изменения ресурсов изображений и текстур.

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

Поддерживаемые форматы

Редактор изображений поддерживает следующие форматы изображений:

Начало работы

В этом разделе рассматривается, как добавить в проект Visual Studio изображение и настроить его в соответствии с вашими требованиями.

Добавление изображения в проект

1. В обозревателе решений откройте контекстное меню проекта, в который требуется добавить изображение, и выберите пункты Добавить > Новый элемент.

2. В диалоговом окне Добавление нового элемента в разделе Установленные выберите Графика, а затем выберите подходящий формат файла для изображения.

   Примечание

   Если в диалоговом окне Добавление нового элемента нет категории Графика, возможно, необходимо установить компонент Редакторы изображений и трехмерных моделей. Закройте диалоговое окно и в строке меню выберите Сервис > Получить средства и компоненты, чтобы открыть Visual Studio Installer. Перейдите на вкладку Отдельные компоненты и выберите компонент Редакторы изображений и трехмерных моделей в категории Наборы для разработки игр. Выберите Изменить.

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

3. Укажите имя файла изображения и расположение, где его необходимо создать.

4. Выберите кнопку Добавить

   .

Выбор формата изображения

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

Следующие сведения помогут вам выбрать формат изображения, соответствующий вашим нуждам:

Точечный рисунок (BMP)

Формат растрового изображения. Формат изображения без сжатия, который поддерживает 24-разрядный цвет. Формат точечного рисунка не поддерживает прозрачность.

Изображение в формате GIF

Формат изображения GIF. Формат изображения со сжатием LZW без потери качества, который поддерживает до 256 цветов. Не подходит для фотографий и изображений со значительным объемом цветовых оттенков, но обеспечивает хорошую степень сжатия изображений с малым количеством цветов и высокой степенью их согласованности.

Изображение в формате JPG

Формат изображения JPEG. Формат изображения с высокой степенью сжатия с потерями, который поддерживает 24-разрядный цвет и подходит для сжатия изображений общего назначения с высокой степенью согласованности цвета.

Изображение в формате PNG

Формат изображения PNG. Формат изображения средней степени сжатия, без потери качества, который поддерживает 24-разрядный цвет и альфа-прозрачность. Подходит для естественных и искусственных изображений, но не обеспечивает степень сжатия, применяемую в форматах JPG или GIF.

Изображение в формате TIFF

Формат изображения TIFF (TIFF или TIF). Гибкий формат изображения, поддерживающий несколько алгоритмов сжатия.

Текстура в формате DDS

Формат текстуры DirectDraw Surface (DDS). Формат текстур высокой степени сжатия с потерей качества, который поддерживает 24-разрядный цвет и альфа-прозрачность. Его максимальная степень сжатия равна 8:1. Он создан на основе сжатия текстур S3. Его можно распаковать с помощью графического оборудования.

Изображение в формате TGA

Формат изображения TGA или Targa. Формат изображения, сжатого с использованием алгоритма RLE, без потери данных, который поддерживает закодированные цветом (цветовой палитры) или простые цветные изображения с 24-разрядным цветом и альфа-прозрачностью. Не подходит для фотографий и изображений со значительным объемом цветовых деталей, но обеспечивает хорошую степень сжатия изображений с широким диапазоном одинаковых цветов.

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

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

Примечание

Перед тем как сохранить результаты работы, задайте свойство Формат цвета, если требуется использовать определенный формат цвета. Если формат файла поддерживает сжатие, при первом сохранении файла или при выборе команды Сохранить как можно настроить параметры сжатия.

Работа с редактором изображений

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

Команды, влияющие на состояние редактора изображений, находятся на панели инструментов Режим редактора изображений вместе с расширенными командами. Панель инструментов расположена у верхнего края области конструктора редактора изображений. Инструменты для рисования расположены на панели инструментов Редактора изображений у левого края области конструктора редактора изображений.

Панель инструментов «Режим редактора изображений»

В следующей таблице описываются элементы на панели инструментов Режим редактора изображений, перечисленные в порядке отображения, слева направо:

Панель инструментов редактора изображений

В следующей таблице приведены описания элементов на панели инструментов редактора изображений, перечисленные в порядке отображения, сверху вниз:

Работа с уровнями MIP

Некоторые форматы изображений, например поверхность DirectDraw (DDS), поддерживают уровни MIP для уровня детализации текстур и пространства. Сведения о том, как создавать уровни MIP и работать с ними, см. в статье Практическое руководство. Создание и изменение MIP-уровней.

Работа с прозрачностью

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

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

Свойства образа

Окно Свойства можно использовать для задания различных свойств изображения. Например, можно задать свойства ширины и высоты, чтобы изменить размеры изображения.

В приведенной ниже таблице описаны свойства изображений.

Примечание

Так как свойство Повернуть на применяется ко всем инструментам и выбранным областям, оно всегда отображается в нижней части окна Свойства вместе с другими свойствами инструмента. Свойство Повернуть на отображается всегда, так как все изображения неявно выбраны, если нет другого выделения или активного инструмента. Дополнительные сведения о свойстве Повернуть на см. в разделе [Свойства инструментов](#tool -properties).

Изменение размеров изображений

Существует два способа изменения размера изображения. В обоих случаях редактор изображений использует билинейную интерполяцию для изменения размера изображения.

• В окне Свойства задайте новые значения для свойств Ширина и Высота.

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

Выбранные области

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

Большинство инструментов (Карандаш, Кисть, Распылитель, Заливка, Ластик, а также двумерные примитивы) и преобразований (Повернуть, Обрезать, Обратить цвета, Перевернуть слева направо и Перевернуть сверху вниз) ограничиваются или определяются активным выделением. Но некоторые инструменты (Пипетка и Текст) и преобразования (Создать MIP-объекты) работают независимо от выделений. Эти инструменты всегда действуют так, как если бы было выделено все изображение.

Выделяя область, можно сделать ее пропорциональной (квадрат). Для этого нужно нажать и удерживать клавишу SHIFT. В противном случае выделение не ограничивается.

Изменение размера выделения

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

CTRL: копирует содержимое выбранной области до изменения ее размера. Исходное изображение при этом остается неизменным; изменяется размер копии.

SHIFT: изменяет размер выбранной области пропорционально ее исходным размерам.

ALT: изменяет размер области выделения. Изображение при этом остается неизменным.

В следующей таблице перечислены сочетания клавиш-модификаторов:

Свойства инструмента

Когда инструмент выбран, в окне Свойства можно задать, как он должен влиять на изображение. Например, можно задать толщину инструмента Карандаш или цвет инструмента Кисть.

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

Эти свойства инструментов описаны в приведенной ниже таблице:

Сочетания клавиш

Darbee Visual Presence™

Введение

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

Концепция коррекции изображений

В настоящее время все программные продукты для обработки цифровых изображений включают какие-либо способы коррекции. Это, например, улучшение контрастности, улучшение глубины цвета, повышение резкости, фильтрация шумов. Современные автоматизированные методы коррекции изображений позволяют получить результаты очень высокого качества, превосходящие возможности самой передовой камеры и монитора. Созданы методы обработки изображений, основанные на тех же принципах, что и деятельность человеческого мозга. Применяя алгоритмы, полученные при изучении нейробиологических моделей человеческого зрения, мы можем получать двумерные изображения, отличающиеся невероятной глубиной и реалистичностью. Благодаря современным технологиям в цифровые изображения можно встраивать реалистичные признаки глубины, которые способствуют улучшенному восприятию форм предметов и создают эффект невероятной четкости изображения. Грамотное применение принципов обработки изображений человеческим мозгом позволяет выйти за узкие рамки «точности передачи информации »

Ограничения средств коррекции изображений

Все существующие методы ограничены или «точностью передачи информации », или обобщениями. Но реалистичность изображения не зависит от количества пикселей и оттенков цвета. Многие популярные программы коррекции изображений часто вносят помехи, усиливают шумы или повышают четкость ненужного фрагмента изображения. Принцип действия технологии DarbeeVision основан на том, что зрительное восприятие человека стереоскопично. Если не учитывать и не использовать этот факт при обработке, любая коррекция деталей двумерного изображения или добавление признаков глубины окажутся не слишком эффективными. Микропроцессоры, которые способны выполнять общую коррекцию изображений, уже давно стали частью всех систем отображения зрительной информации, предлагаемых на рынке. Теперь любые 2D телевизоры можно модифицировать до реалистичной ультра высокой четкости (Ultra HD), не заменяя экран на более дорогостоящий.

Предложение DarbeeVision: коррекция изображений с учетом особенностей человеческого восприятия

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

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

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

Технологии

В основе методики Darbee Visual Presence лежит открытие Пола Дарби: в двумерное изображение можно встроить информацию о стерео-глубине и получить превосходные результаты. По результатам восьмилетних исследований нейробиологических принципов человеческого зрения была разработана и запатентована высокоэффективная модель обработки цифровых изображений, в которой используются те же принципы. С ее помощью были созданы методы придания особой глубины и реализма двумерным изображениям.

Вопреки традиционным представлениям о возможном, технология Darbee позволяет совершать невероятные преобразования изображений. Обработка выполняется в реальном времени, а итоговое качество превосходит возможности HD 1080p60. Обработка изображений с помощью Darbee происходит мгновенно и с высокой точностью, потому что базовая методика коррекции и селективные параметры приложения еще на этапе разработки были оптимизированы для эффективности вычислений.

Обработка изображений осуществляется внутрикадрово, поэтому для нее не требуется большой объем буферной памяти и не возникает задержек по времени. Кроме того, обработка не зависит от разрешения, поскольку используется линейное масштабирование, зависящее от количества пикселей в кадре. Алгоритмы осуществляют синтез диспаратности, а затем применяют к полученным изображениям запатентованный метод расфокусировки и вычитания. Далее с помощью карты рельефа Perceptor™ выделяются интересующие области и алгоритмы коррекции применяются только к ним. При этой локализованной обработке яркость изображения меняется отдельно для каждого пикселя.

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

Darbee Visual Presence™: примеры вывода изображений

Описание технологии Darbee Visual Presence™

В начале 70-х годов XX в. Пол Дарби сконструировал аналоговый видеосинтезатор, с помощью которого провел множество экспериментов с реальными и синтезированными движущимися изображениями в реальном времени. Он работал с двумя видеокамерами, имитирующими пару глаз и искал способ соединять левое и правое стереоизображения с камер в одно двумерное телеизображение так, чтобы оно не двоилось, как современные 3D-видео без очков. К своему удивлению он обнаружил, что если настроить одну телекамеру так, чтобы изображение получалось не в фокусе, затем с помощью видеосинтезатора инвертировать несфокусированное изображение и наложить на другое, резкое, то полученное двумерная изображение приобретает поразительные свойства. Оно не двоится, но в изображении появляется заметная глубина, объекты становятся округленными, а детали становятся отчетливо различимы. Дарби применял метод расфокусировки и вычитания, открытый в 1930-х фотографами, которые инвертировали нерезкую маску. Это хорошо известный пример – в этом случае изображение расфокусировано и вычитается из самого себя. Низкие пространственные частоты размытого изображения практически полностью удаляются из итогового изображения, в результате усиливаются оставшиеся высокие пространственные частоты, благодаря чему повышается детализация. Итоговое изображение кажется более резким, но зернистость и шумы, присутствующие на изображении, тоже усиливаются, и объекты могут выглядеть неестественно обведенными по контуру.

В современных программах обработки изображений широко используется нерезкая маска, но расфокусировка одного изображения из стереопары и вычитание его из другого – это совершенно другое. В тех областях двух изображений, которые различаются вследствие параллаксного смещения, возникающего из-за разнесения точек съемки правой и левой камер, изменения в итоговом изображении воспринимаются мозгом как подлинные признаки глубины. Там, где точки зрения сходятся и смещение минимально, эффект обработки аналогичен применению нерезкой маски, подчеркивающей детали изображения. Но в естественных сценах, содержащих объемные объекты, всегда есть смещение, поэтому расфокусировка и вычитание придают изображению глубину.

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

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

Очевидность эффекта произвела на Дарби впечатление, но в то время возможности его коммерческого использования не существовало, по двум веским причинам. Во-первых, был нужен источник 3D- контента. Даже сейчас, на волне интереса к 3D-фильмам и телевидению, подавляющее большинство новых изображений и практически все старые – двумерные (моноскопические). Во-вторых, в зависимости от композиции 3D сцены при применении расфокусировки и вычитания могут возникать странные пузыри и «крылья», которые выглядят неестественными помехами на изображении. Поэтому Дарби не стал вводить в коммерческое обращение и не опубликовал результаты своих изысканий, однако начал серию нейрологических исследований, чтобы найти объяснение эффекта. В сущности, мозг всех представителей животного царства выполняет некую разновидность расфокусировки и вычитания, известную в нейробиологии как латеральное торможение. В зрительной системе человека латеральное торможение происходит повсюду, от давно известного центрально-периферической обработки в сетчатке до доминирования одного из глаз в зрительной коре и тормозящих нейронах коры.

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

Когда у нас имеются два изображения, возникает следующий вопрос: мы расфокусируем правое изображение и вычитаем его из левого или расфокусируем левое и вычитаем из правого? На практике особой разницы нет, субъективно удовлетворительные результаты получаются и в том, и в другом случае. Однако из-за несимметричности Дарби решил использовать свою методику, чтобы создать два новых изображения, левое и правое, начиная с двумерного среднего изображения. Оказалось, что если расфокусировать и левое, и правое изображения и вычесть их из исходного среднего, возникает еще более заметный эффект глубины и расстояния. Довольный этими результатами Дарби подал заявку, чтобы запатентовать метод расфокусировки и вычитания, оставив математическую процедуру синтеза дополнительных изображений коммерческой тайной. Патент «Метод и устройство для встраивания трехмерной информации в двумерные изображения» был выдан 9 мая 2006 г. как патент США № 7 043 074. Позднее был получен еще один патент.

Теперь можно было начинать работу с любым неподвижным двумерным изображением или последовательностью кадров. Однако оставалась нерешенной проблема избавления от помех на изображении. Благодаря знакомству с нейронауками Дарби знал, что процесс зрения в значительной степени состоит в том, чтобы решить, на каких частях поля зрения необходимо сосредоточиться, а какие можно игнорировать, – то есть в распределении внимания. В рамках научного подхода к коррекции изображений для этой цели были разработаны различные способы создания карт рельефа, но большинство из них требовали громоздких вычислений и давали недостаточно качественные результаты. Однако нейронаучные теории вдохновили Дарби на создание карты рельефа нового типа – он назвал ее Perceptor™. С помощью этой карты стало возможным избирательно применять методику расфокусировки и вычитания только к зрительно важным частям изображения. Метод создания Perceptor – коммерческая тайна, защищенная патентом, как и методл математического синтеза дополнительных стерео-видов по единственному двумерному изображению.

Ранняя версия Perceptor’а умела удалять с изображения большинство помех, но некоторые особенно стойкие все-таки сохранялись. Дарби разработал ряд частично автоматизированных приемов, с помощью которых удавалось справиться с оставшимися помехами, и создал программу, позволявшую вручную обрабатывать изображения с использованием системы средств визуализации. С помощью этой программы ему удалось успешно обработать несколько DVD с фильмами, выпущенный для кинотеатров фильм, несколько телевизионных рекламных роликов, изображения для рекламных щитов и несколько художественных репродукций в сверхвысоком разрешении. Все это доказывало, что теория применима на практике, но Дарби понимал, что для коммерческого использования необходимо полностью автоматизировать алгоритм и сделать возможным работу в реальном времени.

Последующие многолетние исследования помогли создать технологию, полностью отвечающую современным требованиям и готовую к установке в бытовую аппаратуру. Блок является объектом интеллектуальной собственности и может быть использован по лицензии вместе с чипами реального времени, которые в настоящее время используются в Blu-ray плеерах.

Возможности применения

Самая крупная сфера применения DarbeeVision – цифровые устройства воспроизведения. Производители бытовой аппаратуры устанавливают в свою продукцию экраны, то есть зависят от постоянства качества поставщиков экранов. Различия между производителями как правило обусловлены различными усовершенствованиями в области точности воспроизведения. Важными являются такие характеристики, как размер, разрешение, цветовая гамма частота обновления, яркость, насыщенность черного, усреднение и шумоподавление – и все они практически одинаковы у всех производителей экранов для воспроизведения цифровых изображений. В каждой категории основное различие заключается во внешнем виде корпуса экрана. При использовании Darbee Visual Presence станет заметна разница в качестве изображения.

Краткое описание патента

В 2006 и 2011 годах DarbeeVision получила патенты на процесс. Ряд заявок на патенты находятся в стадии рассмотрения. Компании также принадлежат права на ряд сопутствующих объектов интеллектуальной собственности. Среди основных сфер внедрения инноваций – встраивание диспаратных признаков глубины в двумерные изображения, не требующий сложных вычислений генератор параллаксного смещения, а также быстрая и точная маска рельефности.

Продукция Darbee

DarbeeVision Technology – апробированное решение, которое за прошлый год было протестировано на использование в цифровом телевидении. Технология восемь лет разрабатывалась высококлассными специалистами, совокупный опыт работы который превышает 50 лет, и полностью готова к практическому использованию.

Darbee Visual Presence Software – оптимизированная программа с унифицированным API-интерфейсом. Совместима с любым распространенным процессором обработки изображений.

Darbee Visual Presence Hardware – логическое ядро, отлично сочетаемое с LCD-контроллером или медийным сопроцессором. Visual Presence Hardware представляет собой технологически независимый аппаратный модуль, который можно интегрировать в путь обработки элементов изображения любого бытового прибора. Он отличается малым форм-фактором и не влияет на существующие контуры контактов. Покупателям предлагается ФЛИС-прототип этого логического ядра, чтобы они могли сами сравнить качество производительности дисплея.

Заключение

Спрос на коррекцию изображений в реальном времени обусловлен желанием предлагать потребителям уникальное качество изображений. Современные методы коррекции не дают ощутимых преимуществ, а самые передовые технологии не оптимизированы для практического использования или работы в реальном времени. Компания DarbeeVision разработала собственную технологию Darbee Visual Presence, с помощью которой двумерные изображения выходят на небывалый уровень глубины и реализма, ранее считавшийся невозможным. Darbee Visual Presence можно интегрировать в существующие устройства воспроизведения цифровых изображений и получить на выходе качество, намного превосходящее возможности самой передовой камеры и экрана, поскольку в ней используются методы обработки изображений, основанные на принципах работы человеческого мозга.

Размер изображения

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

Случалось ли Вам при попытке выложить свою фотографию в Интернет на очередной сервис видеть предупреждение, типа: «Разрешается загружать файлы размером не более 2 мегабайт»? Либо такое: «Максимально допустимый размер изображения – 1000х1000 пикселей». Думаю, что да. Однако, не все могут понять, чего сервис от них хочет…

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

Краткий ввод в терминологию

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

1. Размер изображения – обычно имеется в виду физические значения ширины и высоты картинки в пикселях.
2. Размер файла изображения – подразумевается количество кило- или мегабайт, которые занимает картинка как файл. В разговорной речи встречаются синонимы термина такие как, например, «вес» или «объем» снимка.
3. Разрешение изображения – термин, обозначающий плотность пикселей на картинке. В фотоделе, обычно измеряется в количестве точек на дюйм (dots per inch – DPI), однако, в повседневной жизни чаще встречается способ измерения разрешения в мегапикселях. При этом вычисляется количество пикселей не на одном дюйме, а на всем фото путем умножения ширины на высоту и деления на 1000000 (мега).

Все три вышеназванные величины взаимосвязаны и вытекают одна из другой. Поэтому и существует некая неразбериха. Чтобы не свихнуть себе мозг, предлагаю начать с последнего пункта, поскольку он является основой. Итак, разрешение изображений…

Если Вы покупали себе цифровой фотоаппарат или телефон с камерой, то одной из характеристик в списке обязательно значилось разрешение в мегапикселях (сокращенно – «МП»). Это величина, которая характеризует максимальное количество всех точек (пикселей) на получаемом снимке.

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

На изображении выше Вы видите одну и ту же картинку, но первая не подвергалась никаким манипуляциям и отображается в оригинальном размере 256 на 256 пикселей, а вторая изначально была вполовину меньше, но для наглядности увеличена до того же размера, что и первая. В результате видим, что вторая картинка выглядит более размытой, а по краям видны «зазубрины». Это случилось из-за того, что мы попытались увеличить размер картинки с малым разрешением за счет растяжения изначально недостаточного количества пикселей.

Отсюда проистекает одна «печальная» истина: уменьшить любое большое изображение можно без особого труда, но увеличить маленькое без потери качества практически нереально. Иными словами, разрешение картинки можно только понижать. При попытке его увеличения мы получим нечеткий и никуда не годный снимок. Этим, кстати, грешат некоторые китайские камеры телефонов. Они, имея реальную матрицу на 0.3 – 2 мегапикселя, программно увеличивают разрешение готового снимка до 5 и даже 8 МП, из-за чего на выходе получается зашумленный нечеткий снимок.

Однако, не все так однозначно. Масла в огонь подливают фотографы, которые привыкли измерять разрешение не в мегапикселях, а в точках на дюйм 🙂 И в этом есть рациональное зерно. Представим себе большую фотографию, к примеру, мегапикселей на 8. Из нее нужно вырезать фрагмент 400 на 300 пикселей. По вышеизложенной теории разрешение итогового фотофрагмента получится 400х300/1000000=0.12 МП…

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

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

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

Думаю, теперь с терминологией все немного прояснилось, поэтому настало время переходить к практике и поговорить конкретно об уменьшении наших картинок.

Уменьшение изображений штатными средствами

Итак, представим такую ситуацию: у нас есть компьютер с Windows и картинка, которую срочно нужно уменьшить. Но ни Интернета, ни специальных программ для этого нет. Реально ли выполнить задачу? Да! Нам поможет стандартный, встроенный в Windows графический «недоредактор» Paint 🙂

Несмотря на свои скудные возможности, Paint позволяет менять размеры изображений за счет уменьшения или увеличения их линейных размеров. Для этого активируйте программу («Пуск» – «Все программы» – «Стандартные»), откройте в ней нужную картинку и на вкладке «Главная» кликните кнопку «Изменить размер и наклонить», либо сочетание клавиш CTRL+W:

В открывшемся окошке у нас имеется два раздела. Нам нужен верхний – «Изменить размер». По умолчанию активно изменение в процентах с сохранением пропорций (при изменении ширины автоматически изменяется высота и наоборот). Для точного переразмеривания нужно активировать опцию «Пиксели» и задать конкретную ширину или высоту.

Также иногда бывает нужно откадрировать изображение, то есть вырезать из общей картинки только один фрагмент. Сделать это в Paint можно либо вручную (растягивая или стягивая фото за точки, расположенные по углам и центрам сторон), либо при помощи специального диалога «Свойства», вызываемого из меню «Файл»:

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

Уменьшение изображений сторонним софтом

Как говорится, по бедности, справиться с изменением размеров картинки можно и средствами Paint (можно и микроскопом гвозди забивать :)), однако, это довольно неудобный способ… Гораздо легче справиться с задачей, воспользовавшись сторонними программами.

Все их можно условно разделить на три типа:

1. Комплексные менеджеры изображений. Данная категория программ представляет собой нечто вроде файлового менеджера для фотографий. Эти приложения позволяют просматривать, сортировать и управлять огромными базами картинок в любых графических форматах. Среди прочих возможностей в них обычно имеются и функции быстрого изменения размеров для выбранных изображений (в том числе и в пакетном режиме). Примерами таких комплексных решений являются бесплатные программы FastStone Image Viewer или XNViewer.
2. Программы для пакетной обработки графических файлов. Это могут быть отдельные приложения или модули менеджеров изображений, которые позволяют изменять размеры не одной картинки, а одновременно целой их группы по заданным Вами правилам. Одним из наиболее удачных решений такого рода (которым я пользуюсь и сам) является модуль FastStone Image Viewer под названием FastStone Photo Resizer, который может также работать как отдельная программа.
3. Программы для тонкой оптимизации изображений. Это уже специализированная ниша для тех, кому важна экономия размера картинок вплоть до нескольких килобайт. Например, если Вы веб-разработчик, то Вам важно, чтобы графические файлы «весили» как можно меньше для скорейшей их загрузки у посетителя сайта. Из всех бесплатных программ под Windows мне известна только одна, которая имеет графический пользовательский интерфейс и позволяет оптимизировать изображения разных форматов – RIOT (Radical Image Optimization Tool).

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

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

Изменение линейных размеров изображений – дело довольно нехитрое и простое. Несколько же труднее все обстоит с их оптимизацией. О ней и поговорим далее…

Теория оптимизации изображений

Что вообще дает нам оптимизация картинки? В отличие от уменьшения размеров за счет изменения ширины и высоты, здесь мы говорим об уменьшении «веса» в кило- и мегабайтах при сохранении исходных линейных размеров. Задача это реальная, но требует от нас понимания того, чего мы хотим добиться и какими средствами.

Говоря об оптимизации, часто упоминают о том, что она бывает без потери качества и с потерями. Уменьшение размера изображения без потери качества происходит за счет удаления всей служебной информации об оптимизируемом графическом файле, а также применения к нему определенных алгоритмов, направленных на оптимизацию цифрового кода из которого состоит картинка. Как правило, при уменьшении размеров без потерь можно «выиграть» не очень много в «весе» итогового файла, но тем не менее, в Интернете порой играет роль даже пара лишних килобайт.

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

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

1. JPG (или JPEG). Этот формат лучше всего подходит для хранения полноцветных изображений, таких как, например, цифровые фотографии. Сжатие информации в нем достигается в основном за счет добавления к исходной картинке цифровых шумов – случайного набора разноцветных пикселей, которые «скрадывают» часть полутонов оригинальных изображений.

2. GIF. Единственный кроссплатформенный формат, который может хранить анимацию в виде серии кадров. К его плюсам также относится поддержка прозрачности фона. Однако, за все это приходится расплачиваться тем, что палитра GIF-изображения может состоять только из 256 цветов. Такой формат подходит для пиксельарта или сохранения графики, не требующей отображения полноцветности (например, скриншоты окон Windows).

   Существует несколько алгоритмов оптимизации GIF, но все они базируются на уменьшении количества цветов в палитре и применении (или неприменении) дизеринга – некоего аналога цифровых шумов в JPEG, которые позволяют визуально сгладить переходы полутонов между основными цветами. Для сравнения изменений в качестве и размерах итогового файла взгляните на следующий скриншот:

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

   Оптимизация PNG в полноцветном режиме осуществляется за счет уплотнения кода картинки, а в индексированной палитре (подобно GIF) за счет уменьшения количества цветов. При этом сжатый PNG с 265-цветной палитрой будет занимать на пару килобайт меньше места, чем такой же GIF-файл.

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

Уменьшение размеров картинок в разных форматах

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

Максимально оптимизировать JPEG-файлы можно при помощи утилиты Jpegtran. Чтобы начать его использование нужно запустить Командную строку (Пуск – строка Выполнить – команда CMD – Enter), перейти в папку с программой (проще всего распаковать ее в корень одного из дисков) и выполнить команду: «jpegtran.exe /?» чтобы получить справку по всем возможностям утилиты:

Как видим, синтаксис команды для обработки файла у нас следующий:

jpegtran.exe -ряд -команд имя_исходного_JPEG_файла имя_обработанной картинки

Допустим, нам нужно оптимизировать изображение с именем 1.jpg, которое находится в той же папке, что и наша программа (то есть на диске Е). Команда для этого будет следующая:

jpegtran.exe -copy none (не копируем МЕТА-данные) -optimize (оптимизируем код изображения без потерь) -verbose (выводим результаты вычислений на экран) 1.jpg (указываем имя обрабатываемого файла) 3(opt).jpg (задаем имя оптимизированной картинки)

Жмем Enter и получаем примерно такую картину:

Готовая картинка уменьшилась на 1 килобайт, но и это для веба бывает весьма полезно 🙂

Аналогичным способом работают утилиты для уменьшения размеров GIF-анимации, вроде Gifsicle, и PNG-файлов, типа Optipng (входит в комплект RIOT) или Pngcrush.

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

К сожалению на русском толковых сервисов практически нет, поэтому приходится довольствоваться зарубежными на английском. Одним из лучших для обработки JPEG-файлов, на мой взгляд, является http://jpeg-optimizer.com/:

Данный сервис позволяет не только оптимизировать JPEG-картинки за счет понижения их качества, но и умеет уменьшать их размер. Для этого нужно отметить галочкой опцию «Resize Photo» и указать новое значение ширины изображения в пикселях.

Для оптимизации же PNG можно рекомендовать красивый и бесплатный сервис https://tinypng.com/:

Данный сервис не имеет никаких настроек и не позволяет менять линейные размеры изображений, зато прекрасно справляется с уменьшением их «веса». Причем за раз может обработать до 20 файлов до 5 мегабайт каждый!

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

Выводы

Честно скажу что, начиная писать статью, не думал, что придется описывать столько нюансов и нюансиков 🙂 Проблема усугубилась тем, что пришлось уложить в объем одной статьи довольно много теоретического и практического материала, которого бы хватило на небольшую (а, может, и большую :)) книгу. Поэтому прошу заранее извинения, если где-то что-то слишком скомкано объяснил. Если Вас заинтересуют какие-нибудь уточнения, обязательно спрашивайте в комментариях – будем разбираться 🙂

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

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

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.

Изменить размер изображения в Adobe Illustrator

   R  =  w  *  h   

  Обрезка = A - A '  Где:   A> A' (мелкая обрезка)   Или   A  

  D1 = Диагональ бумаги (измеряется в точках) 
 D2 = Диагональ бумаги (измеряется в дюймах)   DPI = D1 / D2   D1 = 5147 точек 
 D2 = 13.9 дюймов   DPI = 5147 / 13,9 = 370  

  DPI = 1143 
 w = 36 мм 
 x = 1 дюйм = 2.54 мм 
 P = (DPI * w) / x   P = 1143 * 36 / 25,4 = 1620  

  L = 4928 
 W = 3264 
 DPI = 300   Рассчитайте длину (также называемую шириной в пикселях):  
  L = 4928 * 1 дюйм / 300 = 16.42   Вычислите ширину (также называемую высотой в пикселях): 
 W = 3264 * 1 дюйм / 300 = 10,88  

  L = 4928 * 1 дюйм / 100 = 49,28 
 W = 3264 * 1 дюйм / 100 = 32,64  

  Upscale   3264 * 4928 -> 6528 * 9856   Downscale   7680 * 4320 -> 3840 * 2160