MosDay.ru - Московский День
 MosDay.ruНовости · Гид · Афиша · Форум · Камеры · Фото · Адреса · Карта 
 МОСКВА / ФОРУМ / РАЗДЕЛ ДЛЯ АВТОРОВ РегистрацияРегистрация   ВходВход 



 Фотографии

 Новости

 Web-камеры

 Справочник

 Афиша

 Карты

 Адреса

 Информация

 Форум

FAQпомошь
Поискпоиск
Пользователиучастники
Группыгруппы
Регистрациярегистрация
Вход для зарегистрированных пользователейвход




Rambler's Top100




Как подготовить файл с фотографией для сайта?

 
Начать новую тему   Ответить на тему    Список форумов MosDay.ru -> Раздел для авторов
Предыдущая тема :: Следующая тема  
Автор Сообщение
Alexey Slizkov
администратор


Сообщения: 3407
01.01.2001
Москва

СообщениеДобавлено: Суббота 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.
  Посмотреть профиль Отправить личное сообщение Отправить E-mail Посетить сайт автора Посетить авторскую страничку ICQ
MosDay.ru



Сообщения: 2408
01.01.2001
Москва

СообщениеДобавлено: Среда 15 Июля 2009 13:26    Заголовок сообщения: Ответить с цитатой

Объем файла с фотографией не должен превышать 1Mb (1048576 байт).
При сохранении файла в графическом редакторе можно менять степень сжатия/компресии (качесто). Для фотографий с размером в 1080 точек по большей стороне вполне достаточно 500Kb, а для 1620 точек - 700Kb.
  Посмотреть профиль Отправить личное сообщение Отправить E-mail Посетить сайт автора
Drumnoise
автор фотографий


Сообщения: 29
07.04.2009
Москва, Теплый Стан

СообщениеДобавлено: Четверг 27 Августа 2009 14:00    Заголовок сообщения: Ответить с цитатой

Так муторно каждый раз подгонять по размеру фотографии. Sad Может можно как-то сделать, чтобы загружаемые фотки сами подводились к определенному стандарту?
  Посмотреть профиль Отправить личное сообщение Посетить авторскую страничку
Alexey Slizkov
администратор


Сообщения: 3407
01.01.2001
Москва

СообщениеДобавлено: Суббота 29 Августа 2009 17:32    Заголовок сообщения: Ответить с цитатой

Drumnoise писал(а):
Так муторно каждый раз подгонять по размеру фотографии. Sad Может можно как-то сделать, чтобы загружаемые фотки сами подводились к определенному стандарту?
Так они и так всегда автоматически Exclamation масштабируются к единому размеру в 540 точек по большей стороне для обычного отображения (а на полноразмерном просмотре уже показывается без масштабирования). Разноразмерные превьюшки тоже создаются сами.
А тут лишь приводятся рекомендации по подготовке к публикации на сайте файла с фотографией для достижения наилучшего результата!
    Наилучшее качество получается при размещении файла с размером в 1080 точек по большей стороне и четным количеством точек по другой стороне. Вот и все.
Если лениво, то можете ничего предварительно не обрабатывать. Именно так и поступают половина авторов. Но, как правило, у другой половины заранее подготовленные фотографии (кадрированные и уменьшенные в размере) качеством выходят лучше. Wink

А по поводу объема. Даже одного мегабайта всегда достаточно для качественного отображения на любом мониторе. Большие объемы в данном случае - лишь пустая трата дискового пространства и трафика.

Есть и еще причины - мы не рекомендуем выкладывать в сеть оригиналы (сами исходники) Ваших фотографий. Так лучше для защиты Ваших авторских прав.
  Посмотреть профиль Отправить личное сообщение Отправить E-mail Посетить сайт автора Посетить авторскую страничку ICQ
Drumnoise
автор фотографий


Сообщения: 29
07.04.2009
Москва, Теплый Стан

СообщениеДобавлено: Воскресенье 30 Августа 2009 0:58    Заголовок сообщения: Ответить с цитатой

Пожалуй Вы правы, в этом есть логика! Smile
  Посмотреть профиль Отправить личное сообщение Посетить авторскую страничку
Dmitry Devin
автор фотографий


Сообщения: 413
09.05.2009
Москва, Хамовники

СообщениеДобавлено: Воскресенье 24 Апреля 2011 23:59    Заголовок сообщения: Ответить с цитатой

Алексей, подскажите пожалуйста, если приходится фотографию кадрировать и по меньшей стороне получается не 1080 (либо приближенно (1077,1084)) и не 720 (либо приближенно (768,723)), можно ль закачивать файл с тем, что выдаёт фоторедактор по умолчанию, если по большей стороне выставить 1620 или 1080 или обязательно надо выставлять 1620х1080 или 1080х720?
  Посмотреть профиль Отправить личное сообщение Посетить авторскую страничку
Alexey Slizkov
администратор


Сообщения: 3407
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 является преимуществом для выбора фотографии в качестве иллюстрации к объекту справочника или новости. Так как несколько разных фотографий одинакового размера рядом лучше смотрятся.

Idea Стоит добавить, что незначительное искажение пропорций ничего не ухудшает. Таким образом, если при уменьшении кадрированной фотографии у Вас, к примеру, выходит 1620x1445, то смело можно чуточку уменьшить (не обрезать, а сжать) меньшую сторону до четкого соотношения 3:2, т.е. до 1440 точек. Эти искажения менее 1% вообще не имеют ни какого значения ни для достоверности ни для человеческого глаза, т.к. простые геометрические искажения и так почти всегда гораздо больше.
  Посмотреть профиль Отправить личное сообщение Отправить E-mail Посетить сайт автора Посетить авторскую страничку ICQ
MosDay.ru



Сообщения: 2408
01.01.2001
Москва

СообщениеДобавлено: Вторник 05 Мая 2015 19:39    Заголовок сообщения: Теперь сайт не посылает на переделку фотографий! Ответить с цитатой

Существенно увеличены лимиты на объем закачиваемых файлов!

Но, если объем фото больше 2Mb, а размер больше 4Mpx, то сайт автоматом сразу уменьшит фото до 2160 точек по большей стороне.

То есть, как и прежде, можно закачивать фотографии любых размеров объемом до 2 мегабайт.
А, если ну никак не удается уложиться в 2Мб, то желательно не вылезать тогда за суммарные 4.5 мегапикселя (это к примеру: 2160x2160, 3840x1200, 4320x1080 и т.п.).
В противном случае сайт теперь все равно примет фотографию, но сохранит ее с более сильной компрессией (если размеры не вышли за лимиты) или даже еще и в уменьшенном виде (если одновременно и объем и размер больше допустимого).

Это особенно будет полезно для быстрой публикации фотографии прямо с мобильного телефона на улице.
  Посмотреть профиль Отправить личное сообщение Отправить E-mail Посетить сайт автора
ответить
Ваше сообщение:

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

 
Показать сообщения:   
Начать новую тему   Ответить на тему    Список форумов MosDay.ru -> Раздел для авторов Часовой пояс: GMT + 3
Страница 1 из 1

Перейти:  










горячие темы 
Московские автобусы стали ездить, как черепахи

Новость дня

Новый Год 2017

Что подарить брату на 30 лет?

Первый раз в первый класс

Новый Год 2015

Выбор юриста в Москве


 ГЛАВНАЯ · ФОТО · ГИД · КАРТА · НОВОСТИ · АФИША · АДРЕСА · ИНФО · КАМЕРЫ · ФОРУМ