Перейти к содержанию

Грамотный рессайз изображения для загрузки в галерею

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

Шаг первый.
Открываем снимок в Adobe Photoshop.

Шаг второй.
К примеру, в итоге нам нужно загрузить изображение размером 900px по длинной стороне и весом не более 300kb. И так, приступаем. На данный момент наш исходник по длинной стороне имеет 4272px. Рессайз изображения проводится в два этапа, на первом мы уменьшаем снимок по длинной стороне в размеры в два раза больше итогового, то есть в 1800px. Далее дублируем слой и применяем к дубляжу фильтр Sharpen (Резкость), далее уменьшаем прозрачность дублированного слоя до 70% и объединяем слои (Layer (Слои) -> Merge Down (Объединить с предыдущим).

Шаг третий.
Уменьшаем снимок до 900px по длинной стороне. Далее дублируем слой и применяем к дубляжу фильтр Sharpen (Резкость), далее уменьшаем прозрачность дублированного слоя до 50% (прозрачность слоя может варьироваться от изначальной резкости снимка) и объединяем слои (Layer (Слои) -> Merge Down (Объединить с предыдущим)). Все, больше ничего не трогаем.

Шаг четвертый.
Готовим вес фотографии для загрузки в галерею. File (Файл) -> Sawe For Web (Сохранить для Web) (начиная с Photoshop 2015: File (Файл) -> Экспортировать -> Сохранить для Web (старая версия)). Далее регулируя значение ползунка Quality (Качество), подгоняем размер изображения в kb, после результата который нас устраивает жмем Save (Сохранить).

1332066993.jpg

Ну вот и все, наше изображение готово для загрузки в web-галерею.


Первоисточник: тема на форуме

 

Игорек




Обсуждение

Рекомендуемые комментарии

В ФШ есть алгоритм изменения изображения "бикубическая, четче (наилучшая для уменьшения)". Никто не тестировал? Думаю данный способ уберет необходимость колдовства со слоями при уменьшении.

Поделиться этим комментарием


Ссылка на комментарий
Поделиться на другие сайты

В ФШ есть алгоритм изменения изображения "бикубическая, четче (наилучшая для уменьшения)". Никто не тестировал? Думаю данный способ уберет необходимость колдовства со слоями при уменьшении.

Я почти всегда использую этот алгоритм при изменении размера вместе со способом Игоря. Правда в последнее время обленился и для размещения в инете делаю проще: шарп (Unsharp Mask, большой и/или малый радиус) - изменение размера "бикубическая, четче" - если требуется еще раз шарп - сохранить для web.

Поделиться этим комментарием


Ссылка на комментарий
Поделиться на другие сайты

А нет варианта без фотошопа?Я им не пользуюсь,использую альтернативные программы.Как сделать фото весом меньше не уменьшая размер?

P.S.Нашёл способ.Открыть фото в Неро 7.В редакторе изображений.Применить какой-нибудь не влияющий на фото эффект.И сохранить.Файл ужимается значительно,при этом размер и качество остаются на прежнем уровне.Если у меня фото весило 350 кб и не загружалось сюда,то после простой манипуляции стало 109 кб.При этом качество снимка осталось таким же,разрешение файла не изменилось.
Камера 400D.Может быть другие версии программы тоже пригодны для этой манипуляции.Есть только эта.

 

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

Поделиться этим комментарием


Ссылка на комментарий
Поделиться на другие сайты

Не могли бы Вы разъяснить для чего проводить уменьшение размеров фото в 2 этапа, да еще и применять резкость с дубляжом частично прозрачного слоя :ne_vi_del: ? Лично я всегда сразу уменьшаю фото до необходимого размера без применения резкости и уж тем более без колдовства с дубляжами частично прозрачных слоев, это не правильно :smu:sche_nie: ? Я конечно не супер спец в этом вопросе, но по моему даже если по Вашему методу получается лучше чем по моему, то сам факт того что фото приходится уменьшать до 300Kb  :sh_ok:  сводит на нет все попытки (я про Ваш совет) хоть как то спасти ситуацию. А вот 4 шаг (сохранение для Web), лично мне действительно пригодился :co_ol: , т.к. не разу до этого им не пользовался, всегда сохранял по несколько раз, подгоняя необходимый размер.

Поделиться этим комментарием


Ссылка на комментарий
Поделиться на другие сайты

Не могли бы Вы разъяснить для чего проводить уменьшение размеров фото в 2 этапа, да еще и применять резкость с дубляжом частично прозрачного слоя :ne_vi_del: ? Лично я всегда сразу уменьшаю фото до необходимого размера без применения резкости и уж тем более без колдовства с дубляжами частично прозрачных слоев, это не правильно :smu:sche_nie: ? Я конечно не супер спец в этом вопросе, но по моему даже если по Вашему методу получается лучше чем по моему, то сам факт того что фото приходится уменьшать до 300Kb  :sh_ok:  сводит на нет все попытки (я про Ваш совет) хоть как то спасти ситуацию. А вот 4 шаг (сохранение для Web), лично мне действительно пригодился :co_ol: , т.к. не разу до этого им не пользовался, всегда сохранял по несколько раз, подгоняя необходимый размер.

 

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

Поделиться этим комментарием


Ссылка на комментарий
Поделиться на другие сайты

В Light Room возможно такое?

 

В LR есть возможность уменьшить изображение до нужных размеров при экспорте, там же есть модуль повышения резкости экспортируемого изображения, однако стоит признать, что качество картинки при уменьшении изображения в два этапа в PS намного превосходит то, что дает на выходе LR. Более того, иногда бывают случаи, когда при экспорте картинки с заданным размером в 300kb/ Лайтрум выдает предупреждение, что программа не может уменьшить изображение в соответствии с заданными вами параметрами. 

Поделиться этим комментарием


Ссылка на комментарий
Поделиться на другие сайты

Результат потрясающий, но есть два вопроса:

 

1. Пол прозрачностью Вы имеете ввиду opacity?

 

2. Какие параметры при изменении изображения нужно выбрать: bicubic (несколько вариантов), bilinear и т.д?

Поделиться этим комментарием


Ссылка на комментарий
Поделиться на другие сайты

[quote name="Yakudza" timestamp="1380482598"]Результат потрясающий, но есть два вопроса:   1. Пол прозрачностью Вы имеете ввиду [b]opacity[/b]?   2. Какие параметры при изменении изображения нужно выбрать: bicubic (несколько вариантов), bilinear и т.д?[/quote]Полагаю: 1. Верно; 2. Бикубический с повышением резкости (обычно для web сохраняют в нем, но у Игоря может быть иное мнение).

Поделиться этим комментарием


Ссылка на комментарий
Поделиться на другие сайты


Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


×