Улучшение качества фотографии онлайн

Использование бесшовного фонового изображения

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

Рис. 2. Изображения для создания фона

Ширину рисунка достаточно сделать 20–30 пикселов.

Остерегайтесь делать слишком малую ширину подобной картинки, вроде
1–2 пикселов, поскольку это принесет только вред. Объем файла уменьшится незначительно,
а браузеру потребуется достаточно времени, чтобы полностью «замостить» нужную
площадь.

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

Рис. 3. Картинка для наложения на фон

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

Пример 2. Фоновая картинка

В данном примере высота блока задается с помощью свойства height,
она совпадает с высотой рисунка, а его ширина по умолчанию равна auto,
иными словами, занимает всю доступную ширину. Повторение фона происходит только
по горизонтали, это обеспечивает значение repeat-x свойства background.

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

Рис. 4. Изображение с градиентом для размещения на цветном фоне

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

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

Пример 3. Цвет фона

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

Рис. 5. Совмещение цвета фона и рисунка

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

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

Помните, что DPI — это только измерение разрешения печати. Изменение DPI не меняет размер вашего цифрового изображения или размер файла.

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

Как изменить DPI в Photoshop

Чтобы изменить DPI изображения в Photoshop, перейдите к Изображение> Размер изображения. Uncheck Resample Image, потому что этот параметр увеличит изображение, что снизит его качество.

Теперь рядом с разрешение, введите желаемое разрешение, установите как Точек / дюйм

Обратите внимание, как ширина а также Рост цифры тоже меняются. Это показывает размер вашего изображения

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

Как изменить DPI в GIMP

Чтобы изменить DPI изображения в GIMP, перейдите в Изображение> Размер печати. Введите предпочитаемый DPI рядом с X разрешение, установить в пикселей / дюйм. Разрешение Y следует обновить автоматически, тоже.

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

Как изменить DPI онлайн бесплатно

Если вы в затруднительном положении и у вас нет нужной графической программы, вы всегда можете изменить DPI изображения с помощью изменяющего DPI веб-приложения Convert Town бесплатно в Интернете.

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

Adobe PhotoShop

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

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

Для начала вам, собственно, нужно чтобы на вашем компьютере была установлена программа фотошоп. Если на ПК данный программный продукт уже установлен, кликните по фото правой кнопкой мыши и выберете вариант «Открыть с помощью», среди всего списка найдите PhotoShop и выберете его.

Или сначала запустите программу, а потом перейдите в меню «Файл» — «открыть».

На панели инструментов вы увидите раздел «Изображение», выберете его. В меню выберете «Размер …», после чего будет запущено средство редактирования изображения.

В этом окне ставим галочку на «Сохранить пропорции», а единицы измерения оставляем – пиксели. Это позволит менять размер, не снижая качество отображения фотоматериала.

После этих манипуляций сохраните файлы в формате BMP. В таком случае разницы между оригиналом и сниженной копией не найти. Либо же, оставьте формат JPG, но при сохранении в блоке «Качество изображения», вместо цифры 8 ставьте 10, это позволит дать максимальное качество картинке.

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

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

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

С уважением! Абдуллин Руслан

Как я решил торговать на бирже через Tradernet, часть 4

D: Повышение разборчивости

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

Тем не менее, мы всё же можем вытянуть некоторые детали, например, нечитаемый номерной знак. В примере с точки «D» номерной знак автомобиля, припаркованного на большом расстоянии почти невозможно прочитать в исходном изображении, но сверхразрешение делает цифры немного четче. Возможно там написано «BDG-201» или «806-201». Трудно сказать точно, но всё же это лучше, чем в оригинале.

Подготовительный этап

Как в IrfanView изменить размер фотографии

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

Выполните действия:

1. Добавьте изображение в окно программы IrfanView.
2. Войдите в меню «Изображение», нажмите на «Изменить размер изображения…».

1. В окне «Изменение размера изображения» имеются предустановки для стандартных размеров. В параметре «Новый размер явно», в поле «Ширина:» или «Высота:» введите необходимые величины для того, чтобы изменить размер фото в см, пикселах или дюймах. Для изменения размера в процентах укажите нужные параметры в опции «Новый размер как процент исходного».

1. В меню «Файл» нажмите на «Сохранить как…».
2. В окне «Сохранить изображения как» укажите необходимые параметры.

Вам также может быть интересно:

• FastStone Image Viewer — просмотрщик и редактор изображений
• IrfanView — программа для просмотра изображений
• XnView — мощный просмотрщик изображений

Фоновый рисунок большой ширины

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

Большая ширина рисунка обеспечивает просмотр фактически при любом разрешении
монитора, кроме, разве что, самого фантастического и редко используемого. Если
такой рисунок просто добавить через тег <img>,
то однозначно получим горизонтальную полосу прокрутки и расползающийся по всем
швам макет страницы. Использование изображения как фона и обеспечивает отсутствие
ненужной полосы прокрутки. При этом картинка будет занимать всю ширину макета,
но ее часть будет скрыта от глаз пользователя, и появляться только при увеличении
окна браузера. На рис. 6 показан такой фоновый рисунок. Видно, что часть изображения
не помещается в окне, но оставшийся фрагмент занимает всю доступную ширину.

Рис. 6. Фоновый рисунок в окне браузера

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

Пример 4. Рисунок на всю ширину страницы

При использовании фонового рисунка следует учитывать свойственные этому методу
ограничения. А именно:

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

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

Для примера, воспользуемся помощью онлайн редактора размера изображений на сайте www.iloveimg.com. Онлайн сервис iLoveIMG поддерживает работу со следующими форматами изображений:

JPG, PNG, SVG, GIF.

Пройдите шаги:

1. Зайдите на страницу сервиса iLoveIMG.
2. Нажмите на кнопку «Выбрать изображения», перетащите изображения с помощью мыши в указанную область, или загрузите фото из облачных хранилищ Google Drive или Dropbox.

1. Откроется следующая страница, на которой можно изменить размер фото онлайн в пикселях или в процентах. Необходимо выбрать одну из вкладок: «в пикселях» или «в процентах», а затем нажать на кнопку «Изменить размер изображений».

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

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

Бизнес без вложений с нуля — интересные идеи как заработать

Что такое DPI и на что оно влияет

Итак, DPI – это Dots Per Inchs. Другими словами, это то количество точек, которое преодолевает курсор мыши при ее минимальном перемещении. То есть в DPI измеряется чувствительность мыши. И это очень важный параметр в играх и графических редакторах. Необходимо знать DPI мыши и как настроить его, ибо от этого напрямую зависит эффективность в игре и продуктивность в работе. С той мышью, которая ползает, как черепаха, в онлайн-шутерах и экшнах делать нечего. Чувствительность манипулятора – весьма важный параметр.

У самых обычных офисных мышей всего один уровень чувствительности – около 1000 DPI. Более продвинутые модели могут обладать 3500, 6000 и даже 12000 DPI. Но это все специализированные с высоким разрешением сенсора и внушительным количеством DPI. Как настроить его на этих мышах? На многих для этого есть специальная кнопка. Другие дают такую возможность только при использовании специального программного обеспечения. В любом случае настроить DPI можно только на той мышке, которая поддерживает эту функцию. По-другому никак.

Что такое разрешение (Resolution)

Разрешение (resolution) — это количество пикселей (pixels) на 1 дюйм (inch). Параметр связывающий виртуальность с реальностью. Именно он отвечает за то, в каком качестве распечатается изображение, потому что одно дело, когда в дюйм укладывается 300 пикселей и совсем другое, когда в дюйм укладывается 72 пикселя.

Если вы распечатаете изображение с разрешением 72ppi (pixels per inch) то скорее всего на распечатке вы сможете разглядеть пиксели, в некоторых особо щепетильных местах изображение будет походить на мозаику. Так же как походило на мозаику изображение на мониторе бабушки в 1998 году в изображениях иконок от Windows 98 и не только их. Низкое разрешение для печати зло и его надо изменить, за этим мы и здесь.

От величины разрешения зависит фактически размер фотографии при перенесения её с монитора на бумагу. Так как если изображение величиной 500 на 500px и его разрешение 100ppi то фактически размер этого изображения — 5 на 5 дюймов. Напомню, что в дюйме 2,54см. 100ppi конечно маловато для печати, поэтому мы меняем разрешение на 300ppi но и физический размер уменьшится вместе с изменением разрешения, так как разрешение фактически является соотношением пикселей к физическому размеру (см дюймы, сантиметры). Увеличиваем качество укладывая в дюйм больше пикселей, но и физический размер становится меньше, так как пикселей всего 500 и дополнительным взяться не от куда. Но об этом мы ещё поговорим.

Замечу, что в Фотошопе принято другое обозначение разрешения (resolution). Вместо ppi принято dpi, что расшифровывается как dots per inch. Это предмет совершенно другой темы и извечных споров между сторонниками правильных формулировок. Dot (точка) это точка, которую ставит принтер при печати. И если вы хотите узнать больше о подготовке к печати прочтите мои статьи: Подготовка к печати за 10 минут и Как сделать Флаер

Как изменить размер фото в Фотошопе

Для изменения размера картинок можно воспользоваться самым функциональным графическим редактором Adobe Photoshop.

Выполните последовательные действия:

1. Нажмите на меню «Изображения», а в контекстном меню на «Размер изображения…».

1. В окне «Размер изображения», в параметрах «Ширина» или «Высота» выберите одни из вариантов:

• Сантиметры;
• Пиксели;
• Дюймы;
• Миллиметры;
• Пункты;
• Пики;
• Колонки.

1. Введите нужную величину для размера итоговой фотографии, нажмите на кнопку «ОК».
2. Из меню «Файл» нажмите на пункт «Сохранить как…».
3. В окне «Сохранение» введите необходимые данные для сохранения фото на компьютере.

Цветовой профиль

Если ретушь производится в цветовом пространстве, отличном от sRGB, перед сохранением фотографии необходимо преобразовать цвета в стандартный цветовой профиль — sRGB IEC61966-2.1.

Сделать это можно, воспользовавшись командой Edit (Редактирование) → Convert to Profile (Преобразовать в профиль).

При этом выбираются следующие параметры: Engine (Движок) – Adobe, Intent (Алгоритм пересчета цветов) – Perceptual (Перцептуальный) или Relative Colorimetric (Относительная колориметрия), все галочки, которые возможно проставить — проставлены.

Важно

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

Цветовой профиль изображения. Почему искажаются цвета

Цветовые пространства sRGB, Adobe RGB и ProPhoto RGB

Какое выбрать

Настройка и выбор цветового профиля. Практические вопросы

PhotoZoom Pro

Эта программа выпущена BenVista и даёт возможность увеличивать размер изображения. Это своеобразная профессиональная мастерская, где можно создавать и делать обработку цифровых снимков. С её помощью можно легко подчёркивать важные моменты и вносить нужные изменения. Поменять параметры можно даже в формате JPEG.

Главными отличиями программы являются:

• возможность поддержки высокого расширения до 1000000×1000000 пикселей;
• максимальный размер до 16 exabytes (ЕВ), а ещё есть инструмент для обрезки фото;
• опция под названием «зерно», которая помогает придать фото натуральности и естественности;
• конечно же, здесь также имеется возможность делать различные настройки;
• можно делать обработку фото по своему усмотрению;
• у приложения есть запатентованные алгоритмы S-Spline, S-Spline XL, S-Spline MAX, с помощью которых можно делать интерполяцию изображения;
• конечно же, имеется интеграция с Adobe Photoshop, Corel Photo-Paint, что также можно назвать преимуществом;
• но при этом приложение стоит использовать на новых консолях и мощных ПК, чтобы оно хорошо работало и не перегружало систему.

Perfect Resize 7

Perfect Resize 7 – полезный плагин Adobe Photoshop, который используется для изменения параметров и размеров изображений. Чаще всего его используют профи, ведь с помощью этого приложения можно, не испортив качество, исправить параметры изображения.

Отличительные характеристики:

• фрактальные интерполяционные алгоритмы, с помощью которых можно кодировать изображения методом IFS (Iterated Functions System);
• можно изменять размеры даже самих фрагментов с учётом их геометрических характеристик;
• работая с портретами, ландшафтом и другими фото, можно использовать готовые профили, с помощью которых можно менять резкость, шум и т. д.;
• также можно частично обрабатывать снимки, выбирая нужные зоны, этот приём помогает уменьшить количество работы, когда нужно редактировать сразу много снимков;
• имеется опция, которая даёт возможность ставить водяные знаки;
• с опцией Tiling можно делать печать больших фото на малоформатном принтере, разбивая снимки на части;
• есть базовая программа (STD), а для профи подходит версия Pro;
• к тому же в профессиональной версии можно работать с CMYK-изображениями, а также применять wrap-функции;
• возможна интеграция с Photoshop Lightroom и Apple Aperture.

Три лучших сервиса для улучшения качество фотографий онлайн

1 Онлайн редактор Photoshop

Одним из самых востребованных и удобных редакторов фотографий в онлайн режиме считается http://photoshop-online.biz/. Функциональность этого сайта будет рассмотрена на примере одной не очень удачной фотографии, на которой видны все дефекты кожи. Основная наша задача в этом случае – скрыть прыщи и небольшие пигментные пятна. Изначально нужно открыть редактор Photoshop. Все манипуляции нужно проводить в следующей последовательности:

Выбираем функцию «загрузить изображение с компьютера» и указываем нашу картинку. Слева вы увидите панель инструментов. Которая поможет преобразить фото просто до неузнаваемости.

Открываем «инструмент точечной коррекции», чтобы скрыть все недостатки кожи. Достаточно просто нажимать на проблемные участки

Чтобы изображение не стало размытым, в процессе работы важно не захватывать более темные фрагменты фото

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

С правой стороны расположена колонка «журнал», в которой можно просмотреть все сделанные ранее манипуляции, а в случае надобности вернутся на определенный этап работы.

Чтобы сохранить отредактированную фотографию, нужно выбрать вкладку «файл» и «сохранить».

Лучше всего сохранять обработанное фото в наилучшем качестве.

2 Онлайн редактор Makeup Качество фото

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

Открываем сайт http://makeup.pho.to/ru/ и нажимаем «начать ретушь». Стоит отметить, что фотографии можно загрузить не только из компьютера, но и фейсбука. После загрузки весь процесс проходит в автоматическом режиме. В случае надобности можно выбрать опцию «эффекты».

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

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

3 Многофункциональный редактор Avatan

Многие пользователь выбирают сайт https://avatan.ru/pages/retouch. Отличается этот редактор тем, что пользователи могут самостоятельно изменить некоторые настройки изображения. Работая с этим сайтом, вы можете полагаться только на собственный вкус, а не на алгоритм программы. Принцип обработки достаточно прост:

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

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

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

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

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

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

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

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

В программе IrfanView все это можно исправить в два-три клика. Для этого загрузите в программу нужное изображение: «файл» – «открыть» или просто щелкнув по иконке с открывающейся папкой. В открывшемся проводнике находим нужное изображение и открываем его. Для примера я взял рекламу фильма «Люди Х», размер этого снимка 500х375 пикселей при весе в 373 кб, что для вставки в мое сообщение слишком много.

Сначала я хочу изменить размер изображения до нужных мне 300 пикселей по максимальной стороне. Именно такой размер фотографии оптимален для вставки в мое сообщение. «Изображение» – «Изменить размер изображения» или для любителей горячих клавиш Ctrl+R.

Открывшееся окно предоставляет параметры изменения размера изображения. В блоке «Установить новый размер» я изменю имеющуюся ширину (500 пикселей) на нужные мне 300 пикселей. Кстати, иногда удобней изменить процентное соотношение. То есть, поставить галочку на пункте «Новый размер как процент от исходного» и вместо 100% прописать 95% или 105% (это зависит от того, что вы хотите сделать – уменьшить или увеличить изображение). При отмеченном пункте «Сохранять пропорции» в блоке изменения размера достаточно вписать только один размер (ширину или высоту), второй измениться автоматически.

Обычно я изменяю размер изображений с отмеченными пунктами «Повысить резкость после Ресэмплирования» и «DPI – по новому размеру» и еще не разу не пожалел об этом. Да и установленный по умолчанию метод изменения размера «Lanczos» отлично справляется со своими обязанностями.

Повысить резкость изображения, не изменяя ее размер, можно автоматически, выбрав в меню «Изображение» – «Повысить резкость» или сочетанием горячих клавиш Shift+S.

В принципе получившееся изображение меня устраивает. В противном случае пришлось бы редактировать яркость и контраст. Для вызова окна коррекции цветов нужно выбрать «Изображение» – «Коррекция цветов» или комбинацию горячих клавиш Shift+G.

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

Итак, я изменил размер и качество изображения до необходимых мне параметров, осталось сохранить его на жесткий диск. Нажимаю «Файл» – «Сохранить для Интернета» и открываю окно плагина RIOT.

Этот плагин входит в полную версию IrfanView. На мой взгляд, один из лучших плагинов для оптимизации JPEG, GOF и PNG файлов. В этом плагине выбираю нужное мне расширение и вес изображения и нажимаю на иконку «Save» (Сохранить).

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

3. Увеличение изображений с помощью Genuine Fractals 6

Достаточно популярным среди фотографов инструментом для увеличения размера изображения является OnOne Software’s Genuine Fractals 6 Professional – продвинутое программное обеспечение для профессиональных фотографов, разработанное специально для увеличения фотографий до очень больших и гигантских размеров. По сравнению с Photoshop, оно имеет более сложный алгоритм, который не только анализирует соседние пиксели, но и выполняет достойную работу по сохранению резкости и деталей изображения. Вот как это выглядит:

Использование Genuine Fractals 6 очень простое – все, что вам нужно сделать, это ввести новые размеры изображения или выбрать размеры из панели «Размер документа», и программа автоматически увеличит его и обрежет до заданный размеров. Для большего контроля над переходами программа позволяет выбрать тип изображение, используя панель «Контроль текстуры»:

Как видите, я выбрал «Множество деталей”, потому что хотел сохранить максимально возможную детализацию для перьев и других участков. Вот как Genuine Fractals преобразовало изображение после того, как я нажал «Применить»:

NIKON D3S @ 300 мм, ISO 1400, 1/1600, f/7.1

Теперь сравните увеличенное изображение в Photoshop и в Genuine Fractals 6 Pro:

Обратите внимание на обилие размытия в Photoshop (справа) и относительно хорошо сохранившиеся детали в Genuine Fractals (слева). И это без применение дополнительной резкости в Genuine Fractals!

Размеры пикселя и печать

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

Компьютерным размером разрешения считается 72 точки на дюйм

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

Примечание

Обратите внимание, когда вы создаете новый документ в фотошопе, то программа по умолчанию предлагает вам именно это значение:

Просматривая на компьютере большие фотографии размером, например, 5184×3456, чувствуется насколько она детально прорисована, нет зернистости и никаких дефектов, она яркая и четкая. Но поверьте, такая фотография опять же 72 точки на дюйм. Откроем ради интереса свойства изображения:

Большая фотография будет классно смотреться на компьютере благодаря масштабу. Какое у вас стоит разрешение экрана? Явно не 5184×3456, а меньше. Так значит компьютер должен уменьшить такую фотографию, чтобы она уместилась целиком на экране компьютера. Происходит сжимание пикселей и уменьшение их размеров, а значит вот оно классное качество снимка. Если бы вы просматривали такую фотографию в исходном размере, то могли бы с легкостью разглядеть размытость и потускнение изображения, а также резкие края контрастных деталей.

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

Для примера я создал документ размерами 655×400 пикселей с разрешением 72 точки. Посмотрите в графу размер печатного оттиска:

Фотошоп вычислил, что изображение размером 655×400 и разрешением 72 точки можно будет распечатать на бумаге размером 9,097×5,556 дюймов (в сантиметрах это 23,11×14,11)

Как посчитать самому

655 пикселей в ширину, разделенные на 72 пикселей на дюйм = 9,097 дюймов ширины
400 пикселей делится на 72 пикселей на дюйм = 5,556 дюймов высоты 

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

Размытая фотография, нет резкости и четкости.

Принтеры считаются устройствами высокого разрешения, поэтому, чтобы фотографии были красиво напечатаны, требуется либо печатать фотографии изначально большого размера, как у меня 5184×3456, либо менять количество точек на дюйм в диапазоне от 200 до 300.

Вновь возьму тоже изображение 655×400, но изменю количество точек на 200, вот что пишет фотошоп:

Уменьшился размер печатного оттиска почти в три раза. Теперь у нашего изображения печатается 200 пикселей на 1 дюйм бумаги.

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

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

Способ 0: 100% width/height

Первый способ заключается в использовании значения 100% для одного из параметров тега img – ширины или высоты. При этом второй параметр должен быть установлен в auto для сохранения пропорций изображения. Картинка растянется до размера контейнера по одному из измерений, а второе значение будет рассчитано автоматически. В результате по краям картинки могут образоваться поля, но она поместится в отведённой области целиком, без обрезки.

<html>
  <head>
    <style>
      .wrapper {
        width: 300px;
        height: 300px;
        border: 5px solid #515151;
      }
      .exmpl {
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .exmpl img {
        height: 100%;
        width: auto;
      }
    </style>
  </head>

  <body>
    <div class="wrapper exmpl">
      <img src="/images/braineater.png">
    </div>
  </body>
</html>

Так как при высоте 100% от высоты контейнера изображение вылезает за пределы этого контейнера по ширине, для обрезки лишнего используется свойство overflow со значением hidden. При этом, если мы хотим, чтобы в видимую область попала центральная часть изображения, его надо выровнять по центру контейнера. Проще всего это сделать задав контейнеру display: flex, и далее позиционировать изображение по вертикали и горизонтали с помощью свойств justify-content и align-items.

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

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

Важно: если вы используете выравнивание с помощью flex-контейнера, добавьте flex-shrink: 0, чтобы запретить автоматическое масштабирование изображения.
 

<style>
  .wrapper {
    width: 300px;
    height: 300px;
    border: 5px solid #515151;
  }
  .exmpl {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .exmpl img {
    min-width: 100%;
    min-height: 100%;
    flex-shrink: 0;
  }
</style>

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

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

<style>
  .wrapper {
    width: 300px;
    height: 300px;
    border: 5px solid #515151;
  }
  .exmpl {
    overflow: hidden;
  }
  .exmpl img {
    width: auto;
    height: 200%;
    margin: -60px 0 0 -240px;
  }
</style>

Выводы статьи

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

Похожие публикации:

• Как изменить формат фото онлайн — 5 сервисов
• Лучшие бесплатные просмотрщики изображений — 5 программ
• PSD Repair Kit — восстановление поврежденных PSD файлов Adobe Photoshop
• Как изменить формат фото — 10 способов
• FotoSketcher — превращение фотографий в рисунки