Обработка фотографий для размещения на форуме
#1
Отправлено 05 марта 2011 - 22:54
Фотография на компьютере, это файл, а каждый файл имеет свой размер (в разговорном языке - «вес»), и занимает определённое пространство на диске. Размер файла зависит от размера картинки, так фотография размером 2816 х 2112 пикселей имеет размер файла 1,24 МБ (1 302 052 байт), а фотография размером 640 х 480 пикселей 149 КБ (153 215 байт), соответственно, первая картинка будет и дольше загружаться при скачивании её с Интернета. Таким образом, уменьшая размер картинки, мы уменьшаем её «вес», ускоряя загрузку страницы форума. Не говоря уже о том, что большие картинки иногда искажают страницу форума.
Для чего нужна обрезка фотографий? Каждый пиксель фотографии кодируется определённым количеством битов информации, то есть, на фотографии имеет «вес» не только голубь, но и окружающее его пространство. Загружая необрезанную фотографию, мы бездарно тратим лимит, отпущенный нам на фотографию. При адаптации фотографии под размер, допустимый на форуме, голубь на необрезанной фотографии будет занимать меньше места и нам будет сложнее его разглядеть, он просто будет мельче. Можно сравнить одну и ту же фотографию, уменьшенную до размеров 640 х 480, только вторая предварительно обрезана, убран ненужный фон.
Особенно забавно бывает, когда на какой-нибудь фотосервис, имеющий автоматическое уменьшение фотографий, типа Радикала, загружается необработанная фотография и предлагается рассмотреть голову представленного голубя. Попробуйте рассмотреть форму головы у голубя на первом фото, и вы поймёте, о чём я говорю.
Безусловно, если вы хотите продемонстрировать голову голубя, лучше изначально снимать его крупным планом, чтобы на фото его голова занимала максимум пространства, тогда результат будет значительно лучше даже после обрезки и уменьшения.
Сравните две фотографии, первая, это обработка выше представленной фотографии, а вторая, другое фото, специально снятое с максимальным приближением.
Мнение
Хрен
Оспоришь
#2
Отправлено 05 марта 2011 - 22:58
На представленных ниже примерах одна и та же фотография, на которой я хочу показать сизую венгерку. Обрезка фото позволяет убрать лишние элементы и показать нужный объект в максимальном размере и качестве.
Обрезая фотографию надо помнить, что вокруг снимаемого объекта должно оставаться свободное пространство, «воздух», только так восприятие будет лучшим. Однако, если это не художественная фотография, а «техническая», призванная показать форму и строение объекта, «воздуха» можно оставлять меньше.
Обрезая фото голубя, можно под ногами и позади хвоста оставить минимум свободного пространства, чуть больше оставив над головой и перед голубем. Исключение составляют, пожалуй, лишь павлины, у которых массивный хвост является главным элементом, вокруг него надо оставлять чуть больше свободного пространства.
Существует много программ, позволяющих обрабатывать фотографии. Самой простой и доступной является Paint. Программа эта изначально встроена в Windows XP, поэтому нет необходимости её устанавливать отдельно. С Window 7 я не работал, поэтому не знаю, в каком виде в нём существует Paint.
Неопытным пользователям (или рассеянным людям) я бы посоветовал создавать для обрабатываемых фотографий специальные папки, куда копировать их. Прежде чем начать обработку, убедитесь, что в обеих папках находятся одинаковые фотографии, иначе после обработки Вы можете утратить исходный оригинал, заменив его обработанной фотографией.
Чтобы открыть фотографию в программе обработки изображений, в открытой папке кликните по этой фотографии правой кнопкой мыши, и в открывшемся меню выберите пункт «Открыть с помощью», просто наведя на него курсор мыши (кликать не надо), в открывшемся подменю выберите нужную вам программу и кликните на неё.
Так же можно сделать при просмотре фотографий в «Программе просмотра изображений и факсов».
Можно поступит иначе: открыть Пайнт («Пуск» => «Все программы» => «Стандартные» => «Paint»). В открывшейся программе выбрать вкладку «Файл» => «Открыть» и найти нужную фотографию, либо же ещё проще, перетащив в открытую программу фотографию прямо из папки.
Мнение
Хрен
Оспоришь
#3
Отправлено 05 марта 2011 - 23:04
Пайнт достаточно примитивная программа, в ней невозможно задавать необходимые параметры обработки, и приходится всё делать «на глазок», к тому же открывает он фото в истинном размере, и мы видим только верхний левый угол фотографии. Поэтому приходится начинать с уменьшения картинки. Для этого в закладке «Рисунок», в верхней панели Пайнта, выбираем пункт «Растянуть/Наклонить» (того же можно добиться используя «горячие клавиши» - удерживая на клавиатуре кнопку «Ctrl», нажимаем кнопку «W»)
http://img.photobuck.../paint-size.jpg
В открывшемся окошке меняем значения 100% на то, до скольки процентов мы хотим уменьшить нашу фотографию. Так как у меня в фотоаппарате выставлено большое разрешение, то мне приходится уменьшать фотографии до 30%.
http://img.photobuck...paint-size1.jpg
Теперь мы видим почти всю фотографию и можем судить, какого размера будет фото голубя. Если нас не устраивает полученный результат, то есть голубь всё ещё слишком большой, либо же наоборот, мы промахнулись, и он стал меньше, чем нам надо, мы отменяем изменение размера: «Правка» => «Отменить» либо клавиши «Ctrl» + «Z», и повторяем изменение размера, меняя проценты в нужную сторону.
Теперь приступаем к обрезке фотографии. Заходим «Правка» => «Выделить всё» либо нажимаем клавиши «Ctrl» + «А». По периметру фотографии появляется пунктир, а курсор мыши превращается в крест из стрелок. Удерживая фотографию левой кнопкой мыши подвигаем её влево и вверх к границе окна Пайнта. Это будут новые границы нашей фотографии.
http://img.photobuck...paint-trim1.jpg
Справа и внизу остаются пустые белые поля. Нажимаем кнопку «Esc», либо кликаем мышкой на белом поле, чтобы снять выделение с картинки.
Теперь внимательно смотрим в правый нижний угол картинки, там мы видим синюю точку, при наведении на которую курсор превращается в двойную стрелку («тяни-толкай»), удерживая эту точку, подвигаем её к тому месту, где у нас будет правый нижний угол картинки.
http://img.photobuck...paint-trim2.jpg
По середине нижнего и правого краёв имеются такие же точки, позволяющие перемещать соответствующие границы.
Если мы что-то сделали не так, то можно отменить изменения, как указывалось выше, и повторить необходимые операции (надо помнить, что программа позволяет отменить только три последних действия).
Если полученный результат нас устраивает, необходимо сохранить произведённые изменения. Для этого в закладке «Файл» выбираем «Сохранить», если хотим заменить исходную фотографию обработанной, или «Сохранить как», если исходный файл нам нужен. В таком случае при сохранении мы меняем название файла.
http://img.photobuck...aint-saveas.jpg
Смотрим полученный результат.
http://img.photobuck...es/P4140465.jpg
Мнение
Хрен
Оспоришь
#4
Отправлено 05 марта 2011 - 23:11
Открывается фотография в Фотошопе точно так же, как и в Пайнте. Принципиальная разница в том, что мы сразу видим всю фотографию в уменьшенном виде. Поэтому в Фотошопе удобнее начинать с обрезки.
В левой панели инструментов выбираем «Инструмент «Прямоугольная область» в виде пунктирного квадрата, выделяем ту область фотографии, которую нам необходимо оставить.
http://img.photobuck...a-vydelenie.jpg
Теперь кликаем на фотографии правой кнопкой мыши и выбираем пункт «Инверсия выделенной области» (Select Inverse)
http://img.photobuck...ect_inverse.jpg
Теперь во второй закладке Edit (Редактирование) выбираем пункт Cut (Вырезать)
http://img.photobuck...obrezka-cut.jpg
Вокруг фото появляется белое поле. Чтобы убрать его, надо подрезать фотографию. Во вкладке Imsge (Изображение) выбираем Trim (Тримминг)
http://img.photobuck...brezka-Trim.jpg
Выскакивает окошко, уточняющее, подрезка на основе «Верхнего левого окрашенного пиксела», нажимаем OK.
http://img.photobuck...rezka-Trim1.jpg
Мнение
Хрен
Оспоришь
#5
Отправлено 05 марта 2011 - 23:12
http://img.photobuck...tures/Size1.jpg
Выскакивает окошко, в котором видим размер нашей фотографии. В данном случае картинка по ширине имеет 1800 пикселов, по высоте 2292 пиксела.
http://img.photobuck...tures/Size2.jpg
Достаточно изменить один параметр, и второй изменится автоматически. В нашем примере я изменил ширину на 500
http://img.photobuck...tures/Size3.jpg
Нажимаем ОК т получаем уменьшенную картинку
http://img.photobuck...tures/Size4.jpg
Если мы хотим просмотреть её в оригинальном размере, подцепляем правый нижний угол левой кнопкой мышки и растягиваем на всё окно.
http://img.photobuck...tures/Size5.jpg
Мнение
Хрен
Оспоришь
#6
Отправлено 05 марта 2011 - 23:14
http://img.photobuck...tures/Size6.jpg
Если нам не нравится, слишком большая или наоборот слишком маленькая фотография получилась, заходим в «Правка» (Edit) и выбираем «Отмена» (Undo).
http://img.photobuck...tures/Size7.jpg
Если же нас устраивает результат, то выбираем «Файл», а там «Сохранить» (Save), «Сохранить как» (Save As) или «Сохранить для Вэб» (Save For Web).
http://img.photobuck...ures/SaveAs.jpg
В первом случае мы перезаписываем оригинальный файл, заменяя обработанным, во втором сохраняем под новым именем, в третьем помимо этого идёт адаптация для загрузки в Интернет. Подразумевается, что готовая фотография будет весить меньше. В открывшемся окошке изменяем параметры, если необходимо, нажимаем ОК.
http://img.photobuck...res/SaveAs1.jpg
Далее меняем название и указываем, в какую папку сохранять обработанную фотографию.
http://img.photobuck...res/SaveAs2.jpg
Теперь можно посмотреть конечный результат.
http://img.photobuck...es/P4140470.jpg
Мнение
Хрен
Оспоришь
#7
Отправлено 06 марта 2011 - 11:39
ЗДЕСЬ ссылка на неё.
Сообщение отредактировал Алексей Богданов: 07 марта 2011 - 08:37
#8
Отправлено 07 марта 2011 - 08:49
При работе с этой программой следует помнить, что она не может сохранять обрабатываемую фотографию отдельно от оригинала даже при переименовании, а обязательно заменяет оригинал обработанной копией. Поэтому, если не хотите потерять оригинал, обязательно скопируйте все фотографии в другую папку.
Так как я предпочитаю загружать на фотохостинг не только сами фотографии, но и их превьюшки, мне приходится делать копии дважды. Сперва я создаю папку под обрабатываемые фотографии и копирую их туда, потом обрабатываю и сохраняю изменения. Тут же создаю вторую папку, куда копирую уже изменённые фотографии и снова запускаю Пикчер Менеджер, уменьшаю фото до превью и меняю название.
Открываются файлы так же как в предыдущих программах, но далее есть некоторое отличие: даже открыв одну фотографию, вы получаете доступ ко всем изображениям в папке.
Если вам необходимо обработать лишь одно фото, открыв его этой программой выбираете "Изменить рисунки" в верхней панели
http://img.photobuck...-Manager-he.jpg
Если же требуется обработать все фотографии, находящиеся в папке, находите слева по нижнему краю шапки программы три иконки: "представление эскизов", "представление диафильма", "представление рисунка". Последняя, это показ одного рисунка и, соответственно, работа только с ним, второе - показ текущего рисунка в крупном размере и остальные в виде эскизов лентой снизу, первое - показ эскизов всех фотографий в открытой папке.
http://img.photobuck...-Picture-Ma.jpg
Для обрезки удобно выбрать представление диафильма, потом нажать "Изменить рисунки...". Справа открывается панель с выбором вариантов изменения. Находим "Обрезка".
http://img.photobuck...reManager03.jpg
Далее всё просто. По краям и углам фотографии видим кадрирующие рамки, передвигая их мышкой выбираем новые границы фотографии.
http://img.photobuck...reManager04.jpg
У меня в этот момент программа иногда подглючивает, изображение мерцает, что доставляет некоторое неудобство, но мириться с этим можно. Думаю, это связано с быстродействием компьютера.
Откадрировав фотографию, нажимаем ОК справа от неё и видим готовый результат. Переходим к следующему фото.
Здесь надо добавить, что перед обрезкой должна быть выбрана только одна фотография (при показе всех эскизов оранжевая рамка должна выделять только одно фото), поскольку, если вы выберете все, параметры обрезки первой будут автоматически применены ко всем, что, понимаете, крайне неудобно, ведь на разных фото объекты разного размера и по-разному расположены.
После обрезки приступаем к изменению размеров. Тут удобнее выбрать "представление эскизов", потом в закладке "Правка" выбираем пункт "выделить все" (Обратите внимание, это так же можно сделать с помощью "горячих кнопок" Ctrl+A
Все фотографии оказываются выделенными оранжевыми рамками. Снова выбираем " Изменение рисунков..." (на примере я это сделал через контекстное меню, вызываемое кликом правой кнопкой мыши на любую фотографию)
http://img.photobuck...reManager02.jpg
Справа появляется уже знакомая нам панель, в которой мы выбираем "Изменение размера". В открывшейся панели видим три варианта изменений размера: "стандартные", "произвольные" и "процент от исходных". Для размещения на форуме проще использовать стандартные. Если вы планируете загружать фото на форум без предпросмотра, чтобы фото в полном размере открывалось в сообщении, лучше всего выбрать "Веб - крупный (640 х 480 точек)" или "Веб - мелкий (448 х 336 точек)". Если хотите разместить в сообщении маленькую превью, которая будет ссылкой на большую фотографию, то для большой фотографии надо выбрать "Документ - крупный (1024 х 786 точек)", провести изменение фотографий, сохранить эти изменения, потом скопировать готовые фотографии в новую папку, копии снова открыть Picture Manager, выбрать все фотографии и в изменении размера выбрать "Сообщение - крупный (314 х 235 точек)", либо "Сообщение - мелкий (160 х 160 точек)".
В нижней части следующей картинки вы можете видеть выбор всех вариантов размеров, которые можно выбрать при изменении рисунков на стандартные ширину и высоту.
http://img.photobuck...reManager05.jpg
Обработанным фотографиям удобно изменить название, а уж для превью это требуется делать однозначно, чтобы потом отличать их от полноразмерных фото. Для изменения названия выбираем "представление эскизов", затем "Правка" => "Выделить все" (либо без "Правка" нажимаем Ctrl+A). Все фотографии выделяются оранжевыми рамками. Нажимаем на любую правой кнопкой мыши и выбираем "Переименовать".
Справа появляется панель, в которой в графе "имя файла" вписываем, на какое название хотим поменять названия всех фотографий в папке, либо же что мы хотим добавить к оригинальному имени файла. Соответственно ставим точку в нужной нам ячейке. Можно при полном изменении имени добавить всем файлам последовательные номера.
http://img.photobuck...reManager06.jpg
Я для превьюшек добавлял -small (англ. - маленький), сейчас обхожусь одной буквой "s"
Нажимаем ОК
Тут надо уточнить ещё один момент, имя файла меняется сразу при нажатии кнопки ОК, а вот другие изменения необходимо сохранять дополнительно. Я просто закрываю программу и она перед закрытием спрашивает, сохранить ли изменённые файлы? Выбираю "Сохранить" и программа переписывает оригиналы на обработанные файлы. Это может занять несколько минут, в зависимости от объёмов, то есть от размера исходников и количества фотографий.
Мнение
Хрен
Оспоришь
#9
Отправлено 07 марта 2011 - 13:51
Хотел бы поправить.Обработав изображение и внеся все изменения открыть Файл>Сохранить как и выбрав место и имя сохранить новый файл. При этом, когда будете закрывать Picture Manager прога запросит - Сохранить изменения? Жмём Не сохранять и исходные изображения останутся без изменений.
Сообщение отредактировал Vagrant: 07 марта 2011 - 13:52
#10
Отправлено 08 марта 2011 - 00:07
К тому же это запутает неопытного пользователя. Мне кажется, удобнее и безопаснее для сохранения оригиналов, работать с копиями в отдельной папке. И не будет нареканий, что из-за наших советов ценные фотки похерились.
Мнение
Хрен
Оспоришь
#11
Отправлено 08 марта 2011 - 17:29
#12
Отправлено 13 марта 2011 - 21:49
но в инете существуют и другие
АЛЬТЕРНАТИВНЫЕ ПРЕДЛОЖЕНИЯ:
http://savepic.ru/
http://xmages.net/
http://www.imgdb.ru/
http://www.image123.net/
http://imgfiles.ru/
http://www.imagepost.ru/
http://images.intercon.ru/
http://myphoto.nnov.ru/
http://kartinki.ws/
http://imglink.ru/
http://www.ii4.ru/
http://www.imget.ru/
http://picthost.ru/
... 2.
http://picthost.ru/
http://www.jpeghost.ru/
http://itmages.ru/
http://ipic.su/
http://sendpic.ru/
http://www.10pix.ru/
http://uaimage.com/
http://saveimg.ru/
http://gallerey.mks-tambov.ru/
http://www.pokazal.ru/
http://pics.simhost.org/
#13
Отправлено 13 марта 2011 - 22:42
http://f8.ifotki.inf...68282701094.jpg
Размещённый Вами вариант имеет размер 1600 х 1200 пикселов и весит 215 КБ, то же фото, но у которого обрезано всё лишнее пространство, имеет размер 796 х 674 пикселов и 63.4 КБ.
Мнение
Хрен
Оспоришь
#14
Отправлено 01 июня 2011 - 20:23
если будут вопросы по фотошопу, готов помочь.
#15
Отправлено 01 июня 2011 - 22:05
Таким образом очень удобно задавать формат всем фотографиям, чтобы у них всегда были одинаковые пропорции сторон. Это удобно для размещения в галереях на собственных сайтах. Но для размещения на форуме имеет и недостаток, так как на разных фотографиях необходимо бывает обрезать разные по конфигурации области. Вот пример, три голубя, все три фото обрезаны таким способом, но, пермяк вытянут по вертикали, и при этой обрезке он сам получается меньше, а справа и слева от него остаётся большое количество пустого пространства.
Свифт занимает горизонтальную позицию и излишки пространства имеются сверху и снизу, и лишь полустатная более-менее правильно вписывается во взятую пропорцию.
Daddy777, забыл поблагодарить за создание инструкции. Спасибо. Наверняка кто-то будет именно таким образом обрезать фотографии.
Кстати, многие фотографии из моих пояснялок по Фотошопу обрезаны и кадрированы этой функцией, но я не стал её описывать, хотя она позволяет создавать правильные формы, например ровный квадрат, которого обрезкой на глаз добиться нереально.
Сообщение отредактировал Torkut: 01 июня 2011 - 22:10
Мнение
Хрен
Оспоришь
#16
Отправлено 01 июня 2011 - 22:22
Здравствуйте, соглашусь с теми кто считает тему полезной.
Костя спасибо.
А я по старинке просто уменьшаю вес фото при конвертировании фотографий в папку загрузки , для инета. У меня стандартная прога для Никон, комплекте с фотоаппаратом шла.
#17
Отправлено 01 июня 2011 - 23:58
опытному пользователю да, это быстрее получается. но мои ученики умудрялись первым кликом настолько сдвигать выделение, что приходилось делать всёзаново.
при желании, можно даже с точнотью до пикселя, нужно лишь окно "info" открыть:
#19
Отправлено 03 июня 2014 - 21:31
это так, для пробы
Свернуть чат Чат
|