Добавлено: Суббота 09 Июня 2007 22:24 Заголовок сообщения: Как подготовить файл с фотографией для сайта?
Как подготовить файл с фотографией для сайта?
Здесь позже я подробно поясню, как лучше всего подготавливать файлы с фотографиями перед их закачкой на сайт. Пока только немного и кратко...
Как это лежит на сервере?
Все фотографии наших авторов хранятся на сервере сайта в графических файлах формата JPEG.
Из файла исходника на сервере генерятся его уменьшенные превьюшки в следующих размерах по большей стороне: 100px, 150px, 200px. Также создается основная фота в размере 540px (или меньше, если исходный файл был мал) по большей стороне.
Делается это самим сервером автоматически на лету, а для ускорения его дальнейшей работы эти их уменьшенные версии сохраняются в кеше.
Степень сжатия (компрессии) при этом индивидуальна для каждого автора (определяется администрацией на основании качества его фотографий).
Как это выглядит на сайте?
При просмотре фотографии на сайте она отображается в размере 540 точек по максимальной стороне.
При просмотре превьюшек в галерее, соответственно показываются их уменьшенные варианты (100, 150 или 200 точек по большей стороне).
С июня 2007 года введена еще и возможность просмотра полноразмерных версий фотографий (только если автор фотографии этого пожелал, т.е. разрешил показ исходнка данной фото) - открывается в отдельном окне.
Рекомендации по подготовке фотографий для сайта:
размер
Исходя из вышесказанного не сложно догадаться, что самый основной размер для сайта - это 540px (точек)! Соответственно рекомендую закачивать фотографии размером (по большей стороне) либо равным 540 точкам, либо кратным ему в большую сторону (540, 1080, 1620, 2160) - это обеспечит наивысшее качество при их отображении на сайте!
Если Ваш файл более 540 точек по большей стороне, то рекомендуется, чтобы размер в точках по меньшей стороне делился без остатка на кратность.
Например, 1080x720 и 1620x999 - верно, а 1080x721 и 1620x1000 - не верно, т.к. для данных примеров при делении 721 на два или 1000 на три получится нечеткое слияние линий!
графический редактор
Для подготовки и обработки фотографий я рекомендую использовать самый известный и, по моему мнению, лучший графический редактор Adobe Photoshop.
качество (степень сжатия/компрессии)
У самого распространненного в мире формата для хранения фотографий (JPEG) возможно задание степени сжатия. Большая степень сжатия дает существенное уменьшение его объема, но приводит к ухудшению качества и наоборот.
Перед закачкой на сайт рекомендуется лишь немного (на десятую часть) применить компрессию - это скинет примерно треть его веса (объема), но качество картинки практически не ухудшит.
Также настоятельно рекомендуется сохранять фото ф файл без дополнительной информации (метод сохранения Save For Web в Photoshop как раз откидывает превьюшку и эту всю вспомогательную текстовую информацию из сохраняемого файла).
В Photoshop это делается так:
В верхнем меню File -> Save For Web... В настройках Quality выбираем 90. Жмем кнопку Save.
MosDay.ru
Сообщения: 2742 01.01.2001 Москва
Добавлено: Среда 15 Июля 2009 13:26 Заголовок сообщения:
Объем файла с фотографией не должен превышать 1Mb (1048576 байт). При сохранении файла в графическом редакторе можно менять степень сжатия/компресии (качесто). Для фотографий с размером в 1080 точек по большей стороне вполне достаточно 500Kb, а для 1620 точек - 700Kb.
Drumnoise автор фотографий
Сообщения: 29 07.04.2009 Москва, Теплый Стан
Добавлено: Четверг 27 Августа 2009 14:00 Заголовок сообщения:
Так муторно каждый раз подгонять по размеру фотографии. Может можно как-то сделать, чтобы загружаемые фотки сами подводились к определенному стандарту?
Alexey Slizkov администратор
Сообщения: 3603 01.01.2001 Москва
Добавлено: Суббота 29 Августа 2009 17:32 Заголовок сообщения:
Drumnoise писал(а):
Так муторно каждый раз подгонять по размеру фотографии. Может можно как-то сделать, чтобы загружаемые фотки сами подводились к определенному стандарту?
Так они и так всегда автоматически масштабируются к единому размеру в 540 точек по большей стороне для обычного отображения (а на полноразмерном просмотре уже показывается без масштабирования). Разноразмерные превьюшки тоже создаются сами.
А тут лишь приводятся рекомендации по подготовке к публикации на сайте файла с фотографией для достижения наилучшего результата!
Наилучшее качество получается при размещении файла с размером в 1080 точек по большей стороне и четным количеством точек по другой стороне. Вот и все.
Если лениво, то можете ничего предварительно не обрабатывать. Именно так и поступают половина авторов. Но, как правило, у другой половины заранее подготовленные фотографии (кадрированные и уменьшенные в размере) качеством выходят лучше.
А по поводу объема. Даже одного мегабайта всегда достаточно для качественного отображения на любом мониторе. Большие объемы в данном случае - лишь пустая трата дискового пространства и трафика.
Есть и еще причины - мы не рекомендуем выкладывать в сеть оригиналы (сами исходники) Ваших фотографий. Так лучше для защиты Ваших авторских прав.
Drumnoise автор фотографий
Сообщения: 29 07.04.2009 Москва, Теплый Стан
Добавлено: Воскресенье 30 Августа 2009 0:58 Заголовок сообщения:
Пожалуй Вы правы, в этом есть логика!
Dmitry Devin автор фотографий
Сообщения: 422 09.05.2009 Москва, Хамовники
Добавлено: Воскресенье 24 Апреля 2011 23:59 Заголовок сообщения:
Алексей, подскажите пожалуйста, если приходится фотографию кадрировать и по меньшей стороне получается не 1080 (либо приближенно (1077,1084)) и не 720 (либо приближенно (768,723)), можно ль закачивать файл с тем, что выдаёт фоторедактор по умолчанию, если по большей стороне выставить 1620 или 1080 или обязательно надо выставлять 1620х1080 или 1080х720?
Alexey Slizkov администратор
Сообщения: 3603 01.01.2001 Москва
Добавлено: Понедельник 25 Апреля 2011 7:57 Заголовок сообщения:
Dmitry Devin писал(а):
Алексей, подскажите пожалуйста, если приходится фотографию кадрировать и по меньшей стороне получается не 1080 (либо приближенно (1077,1084)) и не 720 (либо приближенно (768,723)), можно ль закачивать файл с тем, что выдаёт фоторедактор по умолчанию, если по большей стороне выставить 1620 или 1080 или обязательно надо выставлять 1620х1080 или 1080х720?
Закачивать фотографии можно в любом "корявом" размере (хоть 1077x723 из Вашего примера), но максимальное качество отображения достигается при точном попадении в шаг 540 точек по большей стороне (540, 1080, 1620, 2160) и соответственной кратности шага второй стороны.
Для 540 точек меньшая сторона может быть какой угодно.
Для 1080 точек меньшая сторона должна быть четной, т.к. имеет коэффициетн уменьшения 2 (718, 720, 722).
Для 1620 точек меньшая сторона имеет шаг 3 (1077, 1080, 1083).
Для 2160 точек меньшая сторона имеет шаг 4 (1436, 1440, 1444).
Но это все не принципиально! Сайт примет любой не слишком огромный размер! И, конечно, без проблем создаст уменьшенное фото и все превьюшки. Просто они будут чуточку менее четкими, чем при строгом соблюдении рекомендаций, а также, возможно, у маленьких превьюшек на 1 пиксель будут "плясать" пропорции.
Также использование стандартных фотопропорций 3:2 и 4:3 является преимуществом для выбора фотографии в качестве иллюстрации к объекту справочника или новости. Так как несколько разных фотографий одинакового размера рядом лучше смотрятся.
Стоит добавить, что незначительное искажение пропорций ничего не ухудшает. Таким образом, если при уменьшении кадрированной фотографии у Вас, к примеру, выходит 1620x1445, то смело можно чуточку уменьшить (не обрезать, а сжать) меньшую сторону до четкого соотношения 3:2, т.е. до 1440 точек. Эти искажения менее 1% вообще не имеют ни какого значения ни для достоверности ни для человеческого глаза, т.к. простые геометрические искажения и так почти всегда гораздо больше.
MosDay.ru
Сообщения: 2742 01.01.2001 Москва
Добавлено: Вторник 05 Мая 2015 19:39 Заголовок сообщения: Теперь сайт не посылает на переделку фотографий!
Существенно увеличены лимиты на объем закачиваемых файлов!
Но, если объем фото больше 2Mb, а размер больше 4Mpx, то сайт автоматом сразу уменьшит фото до 2160 точек по большей стороне.
То есть, как и прежде, можно закачивать фотографии любых размеров объемом до 2 мегабайт.
А, если ну никак не удается уложиться в 2Мб, то желательно не вылезать тогда за суммарные 4.5 мегапикселя (это к примеру: 2160x2160, 3840x1200, 4320x1080 и т.п.).
В противном случае сайт теперь все равно примет фотографию, но сохранит ее с более сильной компрессией (если размеры не вышли за лимиты) или даже еще и в уменьшенном виде (если одновременно и объем и размер больше допустимого).
Это особенно будет полезно для быстрой публикации фотографии прямо с мобильного телефона на улице.
Alisa876
Сообщения: 33 10.05.2017 Москва
Добавлено: Воскресенье 03 Сентября 2017 9:29 Заголовок сообщения:
OFFTOPIC (не в тему)
Alexey Slizkov писал(а):
Drumnoise писал(а):
Может можно как-то сделать, чтобы загружаемые фотки сами подводились к определенному стандарту?
Так они и так всегда автоматически масштабируются к единому размеру в 540 точек по большей стороне для обычного отображения (а на полноразмерном просмотре уже показывается без масштабирования). Разноразмерные превьюшки тоже создаются сами.
Хорошо, что автоматически можно, но у нас программист этим всем занимается.