Первый Украинский ножевой форум - НОЖиК

О работе форума => Технозона => Фото: как разместить, снять, обработать... => Тема розпочата: ja)d. від 07 Червня 2010, 19:38:24

Назва: Фото: Подготовка к размещению. Кадрирование. Сжатие.
Відправлено: ja)d. від 07 Червня 2010, 19:38:24
В ряде случаев, например, при продаже материалов, фотографии явно не являются ценностью с художественной точки зрения, по-этому имеет смысл оставлять из всего снимка только то, что несет непосредственно информацию о предмете, который нужно показать. Это позволит многим людям, до которых хороший интернет еще не добрался , не тратить зря свое время и деньги на выкачивание кучи бессмысленных мегабайт трафика из интернета.


Цитата: Cynic від 06 Червня 2010, 03:28:46
- фото можно было перекадровать - ~30% площади фото - скучный фон.

Акцентирую внимание форумчан на этом замечании.

Как пример:
Оригинал, выложенный на форуме:
(http://photo.qip.ru/photo/ellan/96360816/middle/123121867.jpg) (http://ellan.users.photofile.ru/photo/ellan/96360816/123121867.jpg)

Обрезанный вариант:
(http://photo.qip.ru/photo/ellan/96360816/middle/118065327.jpg) (http://ellan.users.photofile.ru/photo/ellan/96360816/118065327.jpg)

Вот скажите, что нижнее фото не стало выглядеть лучше! А при этом вес фото более чем вдвое уменьшился - с 299 кб до 134 кб! Что тоже для многих сегодня актуально, беря во внимание всякоразные диал-апы, доморощенные "ого" с "волями" в регионах и не только, мтс-конекты и прочее, что сегодня с какой-то радости решили обзывать подключением к интернету.

Вот еще пример:
Оригинал, имеет размер 1280x960 пикселей и весит 1,3 мб!!1
(http://photo.qip.ru/photo/ellan/96360816/middle/120845302.jpg) (http://ellan.users.photofile.ru/photo/ellan/96360816/120845302.jpg)

Обрезанный вариант и при сохранении было выставлено качество компрессии 91%, причем цифра эта взята от балды, смело можно было ставить 80% или меньше (но тут уже нада играться с результатом - пару лишних точек в виде легкого шума меня напрягает обычно :)). Результат - размер ножа остался тот, т.е. как и на предыдущем фото, но "вес" изображения составляет 112 KБ. Т.е. 0,112 Мб. Т.е. уменьшен более чем в 10 раз!
(http://photo.qip.ru/photo/ellan/96360816/middle/120845457.jpg) (http://ellan.users.photofile.ru/photo/ellan/96360816/120845457.jpg)

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

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

Ну и не редкость на просторах интернета фотошоп - тоже не сложный софт для этих задач, правда, если вы уверенный пользователь пк.
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: ja)d. від 17 Жовтня 2010, 18:09:39
На примере АСDSee 3 PRO показываю как работать с фото:
Когда вы два раза нажимаете на фото, то у вас (после установки по умолчанию должно фото открываться через окно просмотра АСDSee) появляется такое окно:
(http://photo.qip.ru/photo/ellan/96525749/middle/120846374.jpg) (http://ellan.users.photofile.ru/photo/ellan/96525749/120846374.jpg)

Справа вверху кнопка "Управление", нажимаем на нее и видим следующее окно:
(http://photo.qip.ru/photo/ellan/96525749/middle/120846377.jpg) (http://ellan.users.photofile.ru/photo/ellan/96525749/120846377.jpg)

Здесь правой клавишей мыши жмем на нужное изображение, выбираем пункт меню "обработка", затем "редактирование":
(http://photo.qip.ru/photo/ellan/96525749/middle/120846380.jpg) (http://ellan.users.photofile.ru/photo/ellan/96525749/120846380.jpg)

Появляется следующее окно, в котором слева в списке операций выбираем "Обрезка":
(http://photo.qip.ru/photo/ellan/96525749/middle/120846383.jpg) (http://ellan.users.photofile.ru/photo/ellan/96525749/120846383.jpg)

На изображении появляется рамочка с узловыми точками, все что внутри рамочки - это то что будет в обрезанной части изображения, все что снаружи и затемнено - идет в мусор. Наводя на границы рамочки курсор, вы можете двигать их, изменяя размер рамочки:
(http://photo.qip.ru/photo/ellan/96525749/middle/120846386.jpg) (http://ellan.users.photofile.ru/photo/ellan/96525749/120846386.jpg)

Затем нажимаем готово и видим уже обрезанное изображение:
(http://photo.qip.ru/photo/ellan/96525749/middle/120846389.jpg) (http://ellan.users.photofile.ru/photo/ellan/96525749/120846389.jpg)

Затем в меню "Файл" (Слева вверху) выбираем пункт "сохранить как":
(http://photo.qip.ru/photo/ellan/96525749/middle/120846391.jpg) (http://ellan.users.photofile.ru/photo/ellan/96525749/120846391.jpg)

Затем появляется такое окошко:
(http://i.piccy.info/i5/57/84/1758457/120846393_240.jpg) (http://i.piccy.info/i5/57/84/1758457/120846393.jpg)

Здесь нажимаем "параметры", появится такое окошко:
(http://i.piccy.info/i5/60/84/1758460/120846398_240.jpg) (http://i.piccy.info/i5/60/84/1758460/120846398.jpg)

В нем есть ползунок, отображающий степень компрессии изображения, что в свою очередь влияет на качество, посему называется он "Качество изображения". Чем больше цифра, тем тяжелее файл и выше качество, но в пределах от 80 и до 98 процентов разница качества изображения практически не воспринимаемая и страдает тут в основном только красный цвет, по этому смело можно ставить 80-90%, файл при этом станет значительно легче по сравнению с оригиналом (не говоря уже о том, что мы отрезали кучу бесполезной части кадра и таким образом тоже снизили вес).

Жмем "Ок" и "Сохранить".


И не ленитесь! :)


З.Ы. отмечу, что красный цвет при компрессии страдает больше всего (особенно в АСDSee при изменении размеров фотографии - где-то тут разработчики наделали боков. Детали из красного цвета выглядят как составленные из квадратиков красных тонов), в таких случаях, если важно сохранить качество деталей из красного в изображении, то придется ставить 98-100% качество изображения. В случаях, если ухудшение красных деталей идет при изменении размера, то стоит изменять размер другим софтом (фотошоп, (http://www.getpaint.net/images/Logo3.png) (http://paintnet.ru/download/) и прочее)
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: ja)d. від 20 Липня 2011, 10:48:12
Еще один удачный пример неудачного кадрирования:

(http://i.piccy.info/i5/95/83/1758395/DSCN4669_240.jpg) (http://piccy.info/view3/1758395/6761cfc2ab7577027994edeb772e4cd1/) (http://i.piccy.info/i5/96/83/1758396/DSCN4676_240.jpg) (http://piccy.info/view3/1758396/455268e8a0ceeb5f3672d2ecaf8ea06a/) (http://i.piccy.info/i5/98/83/1758398/DSCN4679_240.jpg) (http://piccy.info/view3/1758398/5a31502dd0f44bb1ce3ceac10b62146b/) (http://i.piccy.info/i5/99/83/1758399/DSCN4680_240.jpg) (http://piccy.info/view3/1758399/aab69e9747d2b39795d75377efd165f2/) (http://i.piccy.info/i5/01/84/1758401/DSCN4682_240.jpg) (http://piccy.info/view3/1758401/20cf52638e85c9fc1493fcb1bacde1fc/) (http://i.piccy.info/i5/03/84/1758403/DSCN4683_240.jpg) (http://piccy.info/view3/1758403/32fa335ce9de54f11722498bc5f4dc5a/) (http://i.piccy.info/i5/05/84/1758405/DSCN4690_240.jpg) (http://piccy.info/view3/1758405/aae70af212417f9d2e5db31018abbc39/)

А вот результат аж целых пяти минут манипуляций:
(http://i.piccy.info/i5/10/83/1758310/Vasya_green_1_240.jpg) (http://piccy.info/view3/1758310/6996bb994bbda5c6fbcfb56230e19086/origin)
(http://i.piccy.info/i5/13/83/1758313/Vasya_green_2_240.jpg) (http://piccy.info/view3/1758313/41a167a84642c0b568fc92d4fd155482/origin) 		(http://i.piccy.info/i5/17/83/1758317/Vasya_green_4_240.jpg) (http://piccy.info/view3/1758317/38aa3aac8ec58f2e5c7f85ee92eb0a8c/origin)
(http://i.piccy.info/i5/19/83/1758319/Vasya_green_5_240.jpg) (http://piccy.info/view3/1758319/cf49e26cf680a28a4045183c7edd35ad/origin) 		(http://i.piccy.info/i5/16/83/1758316/Vasya_green_3_240.jpg) (http://piccy.info/view3/1758316/d4125b6e0be1fb4345ddfe2a63ba452d/origin)
(http://i.piccy.info/i5/65/83/1758365/Vasya_green_6_240.jpg) (http://piccy.info/view3/1758365/dd57575fcdfbac0f9c32db0214b357f0/origin) (http://i.piccy.info/i5/67/83/1758367/Vasya_green_7_240.jpg) (http://piccy.info/view3/1758367/122f2c2721caa2bf69db2f464ace9d63/origin)

Мало того, что сами по себе фото стали красивше, что уже достаточная причина для напрягов, так они еще и весить стали на 40% меньше! :)
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: Cynic від 20 Липня 2011, 16:39:16
Как вариант - подрезать только те, которые "паруются".

(https://sites.google.com/site/tocynic/photo/fotozabing/-other/DSCN4669_240-.jpg) (https://sites.google.com/site/tocynic/photo/fotozabing/-other/DSCN4676_240-.jpg) (http://i.piccy.info/i5/98/83/1758398/DSCN4679_240.jpg) (http://i.piccy.info/i5/03/84/1758403/DSCN4683_240.jpg) (http://i.piccy.info/i5/05/84/1758405/DSCN4690_240.jpg)

Да, суммарный объём чуть-чуть больше, чем "экстремальное обрезание", зато меньше фото обрезать, меньше фото заливать, аккуратнее в ряд строятся...

Ну а следующий шаг - выкадровка с масштабированием обрезанного (и вписыванием в "стандарнный" формат). Получится где-то так:

(https://sites.google.com/site/tocynic/photo/fotozabing/-other/DSCN4669_240-.jpg) (https://sites.google.com/site/tocynic/photo/fotozabing/-other/DSCN4676_240-.jpg) (https://sites.google.com/site/tocynic/photo/fotozabing/-other/DSCN4679_240-.jpg) (https://sites.google.com/site/tocynic/photo/fotozabing/-other/DSCN4683_240-.jpg?attredirects=0) (http://i.piccy.info/i5/05/84/1758405/DSCN4690_240.jpg)
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: VSk від 20 Липня 2011, 17:16:33
Ну и где ты раньше был? )))
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: Cynic від 20 Липня 2011, 17:33:51
Цитата: VSk від 20 Липня 2011, 17:16:33
и где ты раньше был? )))
Пересматривал тему: Фото ножа: Подготовка к размещению в Сети. (http://www.knife.com.ua/forum/index.php?topic=12331.0)
...периодически матюкая radikal.ru .
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: мазут від 20 Липня 2011, 20:05:10
в фотошопе есть функция "сохранить для Web" , качество при таких размерах не страдает просто идет какой то фокус с цветами, переводит в 236 цветов фото, вес заметно падает даже без обрезки.
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: Cynic від 20 Липня 2011, 21:42:45
Цитата: мазут від 20 Липня 2011, 20:05:10
в фотошопе есть функция "сохранить для Web"
Да. Есть такая функция. Верно.

А всё остальное - о фокусах, цветах, ... Неверно.
{23} Как минимум - неточно, неверно сформулировано...
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: мазут від 20 Липня 2011, 22:55:39
неверно и то что эта функция уменьшает вес изображения?)
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: SVAS від 21 Вересня 2011, 22:10:58
 =) спасибо
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: Cynic від 22 Вересня 2011, 00:21:22
Цитата: мазут від 20 Липня 2011, 22:55:39
неверно и то что эта функция уменьшает вес изображения?
В общем случае - неверно. Потому, что (рассматриваем случай сохранения в формате jpg) объём файла зависит от параметра "качество".

Прежде чем я начну отсылать к истокам, приведу график зависимости размера файла от установленного значения "качество".
(http://www.impulseadventure.com/photo/images/ps_quality_filesize.gif)
Смотрим только на синюю линию.

Дальше всё гораздо веселее. :D
Хотя этот параметр можно задать произвольно в диапазоне 0...100 - это не проценты [качества]!
(Корректнее называть это "quality factor", если, конечно используется масштабная формула по рекомендации IJG group.)

Для "полной простоты" напомню, что при "сохранении как" линейка качества лежит в диапазоне 1...12 и что очевидного/простого способа пересчёта "0...100" в "1...12" я не знаю. :(

Тут ещё надо отметить, что программисты от Adobe лёгких путей не ищут...
В частности: стандарт JPEG рекомендует использование двух таблиц квантования (Chrominance и Luminance) длиной 67 записей, но Photoshop использует одну таблицу, длиной 132.
Кроме того, Photoshop может использовать одну из двух схем Chroma Subsampling: 1х1 и 2х2, в то время как большинство цифровых камер использует Chroma Subsampling 2х1...  {wh}

И на закуску: размер jpeg-файла не может быть критерием качества картинки! Поскольку оно зависит от таблиц квантования и таблиц оптимизации Хаффмана, а эти таблицы могут быть разными.

Пример: в Photoshop 7 при переходе от "качества" 6 к "качеству" 7 размер файла увеличивается, а качество - падает!
(Причины расписывать не буду...)

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

Для полной параноидальности можно использовать плагин BetterJPEG, который устраняет проблему рекомпрессии в Фотошопе.
Что, впрочем, не отменяет необходимости потом пережать картинку, если изначально она была с завышенным, как для публикации, качеством.
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: Biryuk від 05 Листопада 2012, 18:03:44
Спасибо за информацию. Учту на будущее.
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: Font від 06 Листопада 2012, 00:43:55
Для сжатия файлов я использую программу Riot. Очень удобно.
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: Cynic від 06 Листопада 2012, 03:15:37
Предпочитаю PhotoZoom Pro, хотя и ACDSee и FastStone дают вполне достаточные результаты.

Впрочем, сейчас трудно найти программу, в которой сжатие формата jpg реализовано плохо.
Хотя и программы, в которых можно "играться" его тонкими возможностями - также редкость.
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: Jericho від 06 Листопада 2012, 08:30:36
или не вижу, или не затронута более важная процедура для нас, это ресайз с последующим шарпом
кто что расскажет?
сам юзаю, когда по быстрому нужно, FastStone Image Viewer
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: Cynic від 06 Листопада 2012, 11:44:37
Цитата: Jericho від 06 Листопада 2012, 08:30:36
это ресайз с последующим шарпом
Немного затронуто в теме "Фото: Подготовка к размещению в Сети." (http://www.knife.com.ua/forum/index.php?topic=12331.0)

Можно и продолжить, и развернуть - но ведь "все всё знают"? (Та тема прочитана всего 620 раз за 2,5 года.)
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: Jericho від 06 Листопада 2012, 15:44:12
ни слова там не нашел о шарпе после ресайза
а хотя, да, Вы правы. У меня тоже было предложение
http://www.knife.com.ua/forum/index.php?topic=30482.msg438624#msg438624
реакции - 0 и даже желания разобраться, почему в выигрыше будет фото (читай, ножик на фото) с умным шарпом после ресайза, а не мыло без (при равном физ размере, читай, не сжатым самим браузером)
на сим умолкаю  =) - "все всё знают"
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: ja)d. від 06 Листопада 2012, 15:59:58
Цитата: Jericho від 06 Листопада 2012, 15:44:12
на сим умолкаю

а чого мовчати - пиши інструкцію людям )) або кидай лінк, де описано толково.
Назва: Re: Фото: Подготовка к размещению. Кадровка. Сжатие.
Відправлено: Cynic від 06 Листопада 2012, 16:29:46
К сожалению, гораздо более актуальны несравнимо более банальные вещи. Начиная с наводки на резкость и выбора ракурсов.