О загрузке фотографий в контакт. Загрузка больших фотографий ВКонтакте в высоком качестве

Известно, что пользователи загружают огромное количество фотографий в социальные сети. Загруженные в соц. сети изображения "сжимаются" определённым образом. Процесс сжатия изображений требуется для того, чтобы уменьшить занимаемое ими место на серверах. Большое сжатие несёт за собой искажения, которые мы можем наблюдать в соц. сетях при просмотре загруженных изображений.
Сегодня социальная сеть Вконтакте предоставляет возможность загружать неограниченное количество изображений. И больше всего недостатки таких загруженных изображений заметны со стороны изменения резкости этих изображений. Однако, у соц. сети Вконтакте существует одна особенность - изображения сжимаются в зависимости от способа их загрузки.
Соц. сеть Вконтакте имеет два типа загрузчиков: Flash загрузчик и HTML5 загрузчик. Наличие двух способов загрузки изображений предоставляет возможность пользователям выбирать качество загружаемых изображений Вконтакте.
В этой статье мы поговорим об отличиях Flash и HTML5 загрузчиков. Также будет рассказано, как и когда использовать определённый загрузчик.

Flash загрузчик

Flash загрузчик представляет собой "быструю загрузку фотографий". К примеру, если у вас имеется огромное количество фотографий с вашего отдыха, большая часть из которых претендует на загрузку. Логично было бы сделать, чтобы загрузка таких фотографий в социальную сеть происходила наиболее быстрым способом. Такой способ заключается в сжатие фотографий - уменьшение качества и разрешения изображений (следовательно уменьшается объём изображений).
Вконтакте, при использовании Flash загрузчика, сжатие происходит, если фотография имеет разрешение больше чем 1280x1024 пикселей (по длине или по ширине). Сжатая в соц. сети фотография будет меньшего объёма и разрешения, чем её оригинал, а также худшего качества, чем у оригинальной фотографии.

У фотографий, загруженных Вконтакте может возникать такой эффект, как повышение или понижение резкости . Изменение резкости связано с некорректным изменением разрешения исходной фотографии и оптимизации её качества.
К примеру, после загрузки больших изображений (около 5000x3000 пикселей) резкости бывает недостаточно и вам кажется, что изображение имеет плохое качество. А у более малых изображений (1920x1080 пикселей) резкости становится больше, чем хотелось бы видеть. Понятно, что такие изменения вызваны сжатием загруженных фотографий.
Сжатие при использовании Flash загрузчика происходит не всегда.

Если разрешение вашей фотографии не превышает 1280х1024 пикселей (одновременно и по длине и по ширине), то сжатия происходить не будет, следовательно, вместе с этим и резкость останется прежней.

С помощью Flash загрузчика фотографии можно загрузить следующим образом:

В этом случае будет задействован Flash загрузчик. Загруженные изображения с разрешением по одной из сторон выше чем 1280х1024 пикселей будут уменьшены до разрешения 1280х1024 (по большей стороне). Также немного ухудшится качество изображений и изменится их резкость.

На самом деле, для вас всё это не сыграет большой роли, если вы загружаете фотографии без творческих намерений или для того, чтобы просто показать друзьям. Иными словами, если вы используете социальную сеть Вконтакте по её изначальному "назначению".
Важно помнить, что из-за плохого качества уменьшенной копии фотографии, она может восприниматься зрителем не так, как хотел того автор. Такие случаи в социальных сетях происходят достаточно часто, так как большинство фотографий просматриваются пользователями быстрым "пролистыванием". Многие пользователи вообще могут не догадываться о том, что фотография, на самом деле, существует в более высоком разрешении, чем они видят её, в уменьшенном варианте при просмотре Вконтакте.
Когда мы "загрузим оригинал" подобной фотографии из соц. сети, себе на диск, то увидим, что фотография, загруженная помощью Flash загрузчика в соц. сеть имеет такое же небольшое разрешение, какое она имеет при увеличенном просмотре в окне соц.сети Вконтакте (не больше, чем 1280x1024 пикселей).

HTML5 загрузчик

Если вы хотите осуществить загрузку фотографий в соц. сеть Вконтакте без изменения исходного разрешения и качества, то для вас есть HTML5 загрузчик.

Если загружать фотографии с помощью HTML5 загрузчика, то разрешение таких фотографий после загрузки не измениться. Иными словами, вы сможете загрузить ваши фотографии обратно себе на компьютер в формате JPEG (или на другое устройство) из соц. сети в том же разрешении, в каком они были до загрузки в соц. сеть.

К сожалению, у HTML5 загрузчика тоже существуют свои ограничения.

Самая крупная при использовании HTML5 загрузчика фотография не должна превышать разрешение 2560x2048 пикселей.

Если фотография будет больше, чем 2560x2048 пикселей, она будет уменьшена в разрешении до 2560x2048 пикселей (по большей стороне). Сжатие таких изображений влечёт за собой небольшие изменения резкости. Такие изменения резкости будут меньше, чем в случае c Flash загрузчиком.

На сегодняшний день сервис Вконтакте позволяет осуществить загрузку фотографий в соц. сеть с помощью HTML5 загрузчика следующим способом.

Вам нужно зайти в раздел "Мои фотографии" (Рис 1), в открывшейся категории вы увидите надпись "Добавить новые фотографии" как на (Рис. 2) . Вам нужно перетащить вручную курсором мыши из проводника выделенные вами фотографии прямо на панель "Добавить новые фотографии" как на Анимации 1 (если загрузка не происходит, попробуйте создать альбом и загрузить изображения в него таким же способом) . Теперь все выделенные фотографии появятся в списке загрузки фотографий. Фотографии будут загружаться на порядок медленнее, чем при использовании Flash загрузчика.

Если вы не очень хорошо владеете операционной системой, установленной на вашем компьютере, то можете осуществить данный метод, к примеру, открыв стандартный проводник Windows поверх окна браузера. Располагайте окна так, чтобы вам было удобно перетаскивать выделенные фотографии (Анимация 1) .

Также HTML5 загрузчик работает, когда вы используется функцию прикрепления фотографий Вконтакте. Например, при загрузке фотографий в диалог или прикреплении изображений в службу поддержки.

Рис. 4

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

Подведём итог

HTML5 загрузчик:

• изображения, имеющие разрешение больше чем 2560x2048 пикселей, уменьшаются до разрешения 2560x2048 пикселей (по большей стороне), при этом произойдёт незначительное (при просмотре Вконтакте) изменение резкости и небольшая потеря качества;
• изображения загружаются обратно из соц. сети на диск в "новом" уменьшенном разрешении, если изначально их разрешение было больше чем 2560x2048 пикселей.

Теперь мы можем дать точный ответ на вопрос:

1. Нужно использовать HTML5 загрузчик.
2. Разрешение фотографий не должно превосходить 2560x2048 пикселей (по любой из сторон).

Текст

Родион Данилов

Подбор фотографий для социальных сетей - дело важное, хотя многие его недооценивают. Именно они представляют вас в сети, и именно глядя на них, большинство составляет самое первое впечатление о вас. Мы рассмотрели то, как можно оптимизировать фотографии в Facebook, Twitter и «ВКонтакте».

1 Facebook

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

Размеры фотографии на обложке страницы «Фейсбука» - 851х315 пикселей, в то время как минимальный требуемый размер для неё составляет 399х150 пикселей. Стоит учитывать, что такая маленькая картинка растянется и будет выглядеть ужасно, поэтому подбирайте соответствующее фото и обрежьте его правильно.

Если вы задумали сделать так, чтобы обе картинки - фото профайла и обложка - представляли единое целое, учитывайте, что фото профайла встаёт на 23 пикселя правее от левого края обложки и на 210 пикселей ниже от верхнего края обложки.

Существует множество веб-сервисов, позволяющих сделать оригинальные обложки для вашей страницы в «Фейсбуке».

Pic Scatter даёт возможность создать коллаж из фотографий для использования его в качестве обложки. Вы можете сгенерировать его случайным образом или выбрать конкретный альбом.

Profile Picture Maker"s Timeline Cover Banner - довольно удобный инструмент для создания кастомной обложки со множеством функций для редактирования.

ace It Pages - бесплатный сервис позволяет загрузить свои картинки, «поиграть со шрифтами» и даже добавить в обложку ссылки на другие социальные сети.

Facebook поддерживает загрузку форматов JPG, GIF и PNG. JPEG, как правило, используется при загрузке картинок со смешанными тонами (фото и рисунки) , а PNG лучше подходит для графичных изображений, текстовых композиций и логотипов. Однако Facebook конвертирует все загружаемые изображения в JPG.

Чтобы фотографии загружались на странице быстрее, разработчики соцсети советуют использовать JPG-файлы в цветовом пространстве sRGB. Рекомендуемые размеры для загружаемых в альбом фотографий - 600х400 пикселей. При изменении размера в фоторедакторе выставьте разрешение (DPI) в значении 72.

2 Twitter

Twitter отображает профайл-фото совсем небольшим, поэтому очень важно подобрать то изображение, которое хорошо выглядит в миниатюре. Twitter кадрирует фотографию квадратом, так что лучше масштабировать её перед загрузкой надлежащим образом. В то время как максимальный размер файла для аватара в Twitter составляет 2 МБ, в профайле отобразится картинка размером 73х73 пикселя, и а в твитах и того меньше - 48х48 пикселей.

Изображение, которое используется в Twitter в качестве обложки, имеет рекомендованный масштаб 1200х600 пикселей, а размер файла ограничен 5 мегабайтами. Имейте в виду, что ваше имя в Twitter, никнейм, биография, месторасположение и URL будет отображаться поверх обложки, поэтому выбирайте картинку, на которой будет хорошо виден текст.

Для того чтобы сделать идеальную обложку, сочетающуюся с профайл-фото, вы можете использовать специальный веб-инструмент, например,

Известно, что пользователи загружают огромное количество фотографий в социальные сети. Загруженные в соц. сети изображения "сжимаются" определённым образом. Процесс сжатия изображений требуется для того, чтобы уменьшить занимаемое ими место на серверах. Большое сжатие несёт за собой искажения, которые мы можем наблюдать в соц. сетях при просмотре загруженных изображений.
Сегодня социальная сеть Вконтакте предоставляет возможность загружать неограниченное количество изображений. И больше всего недостатки таких загруженных изображений заметны со стороны изменения резкости этих изображений. Однако, у соц. сети Вконтакте существует одна особенность - изображения сжимаются в зависимости от способа их загрузки.
Соц. сеть Вконтакте имеет два типа загрузчиков: Flash загрузчик и HTML5 загрузчик. Наличие двух способов загрузки изображений предоставляет возможность пользователям выбирать качество загружаемых изображений Вконтакте.
В этой статье мы поговорим об отличиях Flash и HTML5 загрузчиков. Также будет рассказано, как и когда использовать определённый загрузчик.

Flash загрузчик

Flash загрузчик представляет собой "быструю загрузку фотографий". К примеру, если у вас имеется огромное количество фотографий с вашего отдыха, большая часть из которых претендует на загрузку. Логично было бы сделать, чтобы загрузка таких фотографий в социальную сеть происходила наиболее быстрым способом. Такой способ заключается в сжатие фотографий - уменьшение качества и разрешения изображений (следовательно уменьшается объём изображений).
Вконтакте, при использовании Flash загрузчика, сжатие происходит, если фотография имеет разрешение больше чем 1280x1024 пикселей (по длине или по ширине). Сжатая в соц. сети фотография будет меньшего объёма и разрешения, чем её оригинал, а также худшего качества, чем у оригинальной фотографии.

У фотографий, загруженных Вконтакте может возникать такой эффект, как повышение или понижение резкости . Изменение резкости связано с некорректным изменением разрешения исходной фотографии и оптимизации её качества.
К примеру, после загрузки больших изображений (около 5000x3000 пикселей) резкости бывает недостаточно и вам кажется, что изображение имеет плохое качество. А у более малых изображений (1920x1080 пикселей) резкости становится больше, чем хотелось бы видеть. Понятно, что такие изменения вызваны сжатием загруженных фотографий.
Сжатие при использовании Flash загрузчика происходит не всегда.

Если разрешение вашей фотографии не превышает 1280х1024 пикселей (одновременно и по длине и по ширине), то сжатия происходить не будет, следовательно, вместе с этим и резкость останется прежней.

С помощью Flash загрузчика фотографии можно загрузить следующим образом:

В этом случае будет задействован Flash загрузчик. Загруженные изображения с разрешением по одной из сторон выше чем 1280х1024 пикселей будут уменьшены до разрешения 1280х1024 (по большей стороне). Также немного ухудшится качество изображений и изменится их резкость.

На самом деле, для вас всё это не сыграет большой роли, если вы загружаете фотографии без творческих намерений или для того, чтобы просто показать друзьям. Иными словами, если вы используете социальную сеть Вконтакте по её изначальному "назначению".
Важно помнить, что из-за плохого качества уменьшенной копии фотографии, она может восприниматься зрителем не так, как хотел того автор. Такие случаи в социальных сетях происходят достаточно часто, так как большинство фотографий просматриваются пользователями быстрым "пролистыванием". Многие пользователи вообще могут не догадываться о том, что фотография, на самом деле, существует в более высоком разрешении, чем они видят её, в уменьшенном варианте при просмотре Вконтакте.
Когда мы "загрузим оригинал" подобной фотографии из соц. сети, себе на диск, то увидим, что фотография, загруженная помощью Flash загрузчика в соц. сеть имеет такое же небольшое разрешение, какое она имеет при увеличенном просмотре в окне соц.сети Вконтакте (не больше, чем 1280x1024 пикселей).

HTML5 загрузчик

Если вы хотите осуществить загрузку фотографий в соц. сеть Вконтакте без изменения исходного разрешения и качества, то для вас есть HTML5 загрузчик.

Если загружать фотографии с помощью HTML5 загрузчика, то разрешение таких фотографий после загрузки не измениться. Иными словами, вы сможете загрузить ваши фотографии обратно себе на компьютер в формате JPEG (или на другое устройство) из соц. сети в том же разрешении, в каком они были до загрузки в соц. сеть.

К сожалению, у HTML5 загрузчика тоже существуют свои ограничения.

Самая крупная при использовании HTML5 загрузчика фотография не должна превышать разрешение 2560x2048 пикселей.

Если фотография будет больше, чем 2560x2048 пикселей, она будет уменьшена в разрешении до 2560x2048 пикселей (по большей стороне). Сжатие таких изображений влечёт за собой небольшие изменения резкости. Такие изменения резкости будут меньше, чем в случае c Flash загрузчиком.

На сегодняшний день сервис Вконтакте позволяет осуществить загрузку фотографий в соц. сеть с помощью HTML5 загрузчика следующим способом.

Вам нужно зайти в раздел "Мои фотографии" (Рис 1), в открывшейся категории вы увидите надпись "Добавить новые фотографии" как на (Рис. 2) . Вам нужно перетащить вручную курсором мыши из проводника выделенные вами фотографии прямо на панель "Добавить новые фотографии" как на Анимации 1 (если загрузка не происходит, попробуйте создать альбом и загрузить изображения в него таким же способом) . Теперь все выделенные фотографии появятся в списке загрузки фотографий. Фотографии будут загружаться на порядок медленнее, чем при использовании Flash загрузчика.

Если вы не очень хорошо владеете операционной системой, установленной на вашем компьютере, то можете осуществить данный метод, к примеру, открыв стандартный проводник Windows поверх окна браузера. Располагайте окна так, чтобы вам было удобно перетаскивать выделенные фотографии (Анимация 1) .

Также HTML5 загрузчик работает, когда вы используется функцию прикрепления фотографий Вконтакте. Например, при загрузке фотографий в диалог или прикреплении изображений в службу поддержки.

Рис. 4

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

Подведём итог

HTML5 загрузчик:

• изображения, имеющие разрешение больше чем 2560x2048 пикселей, уменьшаются до разрешения 2560x2048 пикселей (по большей стороне), при этом произойдёт незначительное (при просмотре Вконтакте) изменение резкости и небольшая потеря качества;
• изображения загружаются обратно из соц. сети на диск в "новом" уменьшенном разрешении, если изначально их разрешение было больше чем 2560x2048 пикселей.

Теперь мы можем дать точный ответ на вопрос:

1. Нужно использовать HTML5 загрузчик.
2. Разрешение фотографий не должно превосходить 2560x2048 пикселей (по любой из сторон).

Крупнейшая социальная сеть Вконтаке никогда не баловала фотографов. И все же многие и многие из нас выкладывают туда свои снимки, потому что аудитория Контакта поистине огромна. Там есть все: друзья, знакомые, коллеги, клиенты. К тому же Контакт быстро прогрессирует, и если раньше фотографии были ограничены крошечными (604 на 480) размерами и ужасным сжатием, то сейчас потери на сжатии значительно меньше, и фотографии показываются почти во все окно браузера.

Обратной стороной такого стремительного прогресса является то, что за ним трудно уследить. Если сегодня фотографии при загрузке обрабатываются одним способом, то завтра они могут загрузиться совсем по-другому! Изменения зачастую не объявляются и не разъясняются. Все происходит тихо и без ведома пользователя. Что вполне понятно: сайт делают как можно более простым, рассчитанным на самую широкую аудиторию.

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

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

С некоторых пор, примерно месяц назад, я заметил, что Контакт перестал повышать резкость на фотографиях. С тех пор все, что загружалось по старой схеме, стало выглядеть нерезким. Как же теперь загружать снимки в Контакт? У меня есть несколько соображений на этот счет.

Подготовка фотографий для загрузки в Контакт

Часть I. Резкость.

Во-первых, если мы хотим показывать большие (во все окно браузера) фотографии в Контакте, то мы не можем знать итоговый размер снимка, так как он зависит от разрешения монитора зрителя, а так же его браузера и даже настроек этого браузера.

В самом популярном на сегодня разрешении монитора 1280х1024 фотография в Контакте «во все окно» получается таких размеров:

Firefox 4.0 – 1058 по горизонтали или 760 по вертикали.

Opera 11 – 1054 по горизонтали или 752 по вертикали.

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

Таким образом, сейчас лучше всего подготавливать снимки 1000px по ширине или 750px по высоте (для вертикальных), самостоятельно повышая их резкость перед загрузкой. При этом они будут отображаться достаточно большими на мониторах 1280х1024 и выше, с оптимальной резкостью, которую настроили мы сами. К сожалению, на мониторах меньшим размером такие снимки будут уменьшаться и терять четкость изображения.

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

Часть II. Цвет.

Порой люди жалуются, что Контакт портит цвет фотографий. Но часто в этом виноват вовсе не Контакт, а неправильный выбор цветового пространства для фотографии. Снимки, загружаемые в интернет (на любой сайт, а не только в Контакт) должны быть в цветовом пространстве sRGB. Если фотография будет в пространстве Adobe RGB, ProPhoto RGB или любом другом цветовом пространстве, отличном от sRGB, то после загрузки в сеть ее цвета будут становиться более тусклыми.

Часть III. Подготовка фотографии для Контакта в Photoshop

Для начала убедимся что наш снимок в sRGB , для этого в левом нижнем углу нажмем на небольшой черный треугольник и в появившемся меню выберем пункт «Профиль документа».

При этом в нижней строке появится цветовое пространство фотографии. Нам нужно чтобы там было написано sRGB IEC61966-2.1 , если же там указано другое цветовое пространство, то нам нужно изменить его.

Делается это просто. Идем в меню: Редактирование - Преобразовать в профиль…

И в появившемся окне, в поле Целевое пространство выбираем профиль sRGB . Остальное не трогаем и жмем «ОК». Дело сделано!

Второй шаг - изменение размера . Нажимаем клавиши Ctrl+Alt+I (команда Размер изображения) и в появившемся окне устанавливаем ширину 1000 , если у нас горизонтальная фотография, или высоту 750 если фотография вертикальная. При этом должны быть включены все галочки, настройка «Сохранять пропорции» обеспечит нам правильное соотношение сторон. В разделе Интерполяция должно стоять Бикубическая (наилучшая для плавных градиентов) . Как сделать чтобы этот алгоритм был установлен по умолчанию, вы можете почитать в статье .

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

Меню: Фильтр - Усиление резкости - Умная резкость…

Параметры: Эффект 500 , Радиус 0,1 .

Удалить: Размытие при малой глубине. Галочка «Точнее» включена.

Теперь все готово. Сохраняем фото в формат JPEG с максимальным качеством (все равно Контакт потом пережмет) и загружаем в Контакт!)

Часть IV. Подготовка фотографий для Контакта в Adobe Lightroom

Чтобы два раза не вставать, рассмотрим как подготовить снимки для Контакта с помощью Lightroom. В LR все гораздо проще, нужно настрить парметры экспорта следующим образом:

И все будет красиво!)
А вообще, конечно, снимки нужно печатать, хотя бы 40 на 60 см, а лучше больше! 🙂