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

Все мы знаем, что «контакт» очень портит качество размещаемых фотографий. Если на фотографиях с «мыльницы» это не так заметно, то для фотографов, потративших немало времени и усилий на обработку фотографий, разница очевидна. Красочная и яркая фотография блекнет после добавления в альбом «контакта». Работа превращается из шедевра в обычную «фотку», которых миллионы. Для обработки изображений воспользуемся программой Photoshop.

Изменяем размер

Фотография в «контакте» при просмотре не растягивается больше 1000 px в ширину. Возьмем это значение за максимальный размер по ширине/высоте. Но при уменьшении размера качество ухудшается, фотография «замыливается». Для того чтобы свести к минимуму негативный эффект, воспользуемся следующим алгоритмом:

  1. Переходим в окно изменения изображения (Изображение -> Размер изображения)
  2. Изменяем размер фотографии до полуторного от нужного (1500px по большей стороне)
  3. Выбираем Интерполяцию «Бикубическая, четче» и сохраняем
  4. Снова переходим в окно изменения изображения
  5. Изменяем размер фотографии до нужного (1000px по большей стороне)
  6. Выбираем Интерполяцию «Бикубическая» и сохраняем

Сохраняем правильно!

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

  1. Переходим в окно сохранения изображения для web (Файл -> Сохранить для web и устройств)
  2. Выбираем формат JPEG
  3. Качество 80
  4. Ставим галочку «Преобразовать в sRGB» и сохраняем

Применяя такой алгоритм наши фотографии не потеряют в качестве при размещении в социальной сети «контакт». Всем отличных фотографий!

P. S. Если вам помог этот способ - расскажите о нем своим друзьям в соц. сетях, с помощью кнопочек ниже.

Расскажи друзьям:

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

На сегодняшний день, социальная сеть ВКонтакте является самым посещаемым веб-сайтом России, а так же входит в ТОП самых популярных ресурсов таких стран, как Украина, Белоруссия и Казахстан. Всё больше и больше молодых людей регистрируются в крупнейшей социальной сети СНГ и постепенно осваивают технологии этого мощнейшего портала.

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

Без потери качества

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

Что нужно делать, чтобы этого избежать? Необходимо следовать простым шагам:

1. Никогда не загружайте оригинал изображения

У владельцев новых зеркальных камер и современных смартфонов, разрешение фотографий составляет примерно 12+ мегапикселей, что означает, их фотографии имеют размер приблизительно 4928 на 3264 точек. Но не многие знают, что максимально допустимый размер фотографии ВКонтакте - 1280 пикселей по ширине и 1024 по высоте. Соответственно, если вы загружаете оригинал изображения к себе в альбом, то его качество может значительно ухудшиться в связи с тем, что Вконтакте уменьшит её до нужных размеров. Из-за этого появляются искажения на снимках, которые видны невооружённым глазом.

Рассмотрим пример такой фотографии. Ниже вы видите фото, размер которого является 2585×1929. Обратите внимание на искажения, которые появились на ногах девушки (нажмите для увеличения):

А теперь, рассмотрим вариант с этим же фото, только уменьшенного в фоторедакторе в ручную:

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

2. Всегда повышайте резкость изображения

Абсолютно всегда, когда вы уменьшаете свое изображение, оно теряет резкость и стает менее качественным. Происходит, так называемое, «замыливание» снимка. чтобы этого избежать, после уменьшения изображения всегда добавляйте шарп (Sharpness, резкость), благодаря этому ваши фотографии останутся такими же чёткими, резкими, чистыми, как были до его ресайза (уменьшения).

3. Делайте цветокоррекцию

Старайтесь не лениться и каждую фотографию обрабатывать перед загрузкой. Элементарная цветокоррекция придаст насыщенность и более свежий вид вашим снимкам. Это не занимает много времени, а результат получается феноменальный. Рассмотрим пример обычной фотографии, загруженной в социальную сеть ВКонтакте:

А теперь, обратите внимание на снимок ниже, к которому были применены все вышеизложенные рекомендации: уменьшение размера, увеличение резкости, цветокоррекция:

Как видно из примера, фотография обрела совершенно новый вид, и абсолютно по другому воспринимается. Для того, чтобы научиться правильно уменьшать и увеличивать резкость на своих фотографиях - рекомендуем нашу статью под названием Как уменьшить размер фото и увеличить резкость, а урок простейшей цветокоррекции вы сможете найти в нашей статье Цветокоррекция в Color Efex Pro.

Если у вас после прочтения этой статьи возникли какие-либо вопросы, будем рады ответить на них в комментариях к этой статье!

P.S. Посещаете ли вы наш миниблог? В последнее время, у нас появилось много интересных статей, таких как: Секреты осенней фотосъемки, 5 ошибок начинающих фотографов, Провоз фотоаппарата через аэропорт, и 7 вещей, которые Вы забыли сделать, при покупке своей первой зеркальной камеры. © Phototricks.ru

phototricks.ru

«Контакт портит фотки!» или Как пережать фотки под контакт без потери качества.

Сколько раз уже я слышал эту фразу от фотографов да и не только - «Контакт портит фотки! Ты на печати смотри, а не на экране!» Есть, конечно, в этом высказывании смысл, но так категорично утверждать сие тоже не стоит.

Итак, задача: Как пережать фотки под контакт без потери качества?

Существуют 2 основные ошибки, которые совершают люди:

1) Закачивают фотки слишком большого размера и предоставляют её уменьшение алгоритму контакта. 2) Используют цветовое пространство, отличное от sRGB

Разберем алгоритм пережатия фоток в фотошопе «под контакт», в котором учтем эти оба этих фактора.

--------------------

Оптимальным на данным момент размером, который комфортно смотреть человеку, и который не страдает так сильно от пережатия, является 1000 точек по длинной стороне. Пережатие осуществляем в 2 этапа.

Выбираем пункт Изображение, Размер изображения


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


От «перешарпа» избавляемся вторым шагом - выставляем конечный размер, в данном случае - это 1000 точек, и выбираем алгоритм уменьшения Бикубическая, для плавных градиентов.


Следующим шагом является сохранение фото на диск.


Выбираем формат файла JPEG, качество в пределах 75-85. Обязательно устанавливаем птичку Преобразовать в sRGB.

Это необходимо делать для того, что если вы работаете, например, в цветовом пространстве Adobe RGB, а обычные люди даже и такого слова не слышали, то в этом случае, они будут видеть точно такую же картинку у себя на экране, как и вы.

Все. Закачивайте в контакт. Птичку «Повышать четкость фотографии» оставляем.

westkis.com

Как правильно загружать фотографии в соцсети

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

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

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

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

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

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

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

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

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

2Twitter

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

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

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

3«ВКонтакте»

Картинка профайла «ВКонтакте» должна иметь максимальный размер в 200 пикселей по ширине на 500 по высоте (ранее была возможность загрузить изображение до 700 пикселей по высоте) и минимальный 200х200 пикселей. Выбирая подходящее фото, позаботьтесь о том, чтобы оно хорошо смотрелось в миниатюре, которая будет отображаться возле записей, оставленных от вашего имени.

Загружая снимки в альбомы, не нужно закачивать изображения оригинального размера и доверять уменьшить их алгоритму «ВКонтакте». Лучше всего сохранить фото максимум с 1000 пикселей по ширине (для горизонтальных) или 700 пикселями по высоте (для вертикальных). При этом они будут отображаться достаточно большими на мониторах 1280х1024 и выше с оптимальной резкостью, которую также можно настроить. Правда на мониторах 1024х768 такие снимки будут уменьшаться и терять в чёткости.

«Мы загружаем фотографии не со 100 % качеством, а со сжатием. Какой бы коэффициент мы ни использовали, артефакты на фотографиях можно найти всегда», - пишет техподдержка «ВКонтакте». Для оптимальной чёткости специалисты соцсети рекомендуют повышать резкость после изменения размеров снимка, а не до.

Чтобы загружать большие снимки, которые отображались бы во всё окно на любых мониторах, перед загрузкой стоит немного повысить их резкость в фоторедакторе, что отчасти компенсирует замыливание при масштабировании снимка. Максимально большое загружаемое фото может иметь размеры 2560х2048 пикселей.

При сохранении в JPG-формате добавляется текущий профиль цветопередачи. А при масштабировании изображения данный профиль заменяется на стандартный sRGB, без какой-либо конвертации. Поэтому перед загрузкой в соцсеть картинку лучше сохранять в sRGB. Для этого откройте изображение в Photoshop, выберите «Сохранить для WEB» (Alt+Shift+Ctrl+S), в появившимся окне настройки качества обязательно отмечаем «Конвертировать в sRGB»

Текст

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

Подбор фотографий для социальных сетей - дело важное, хотя многие его недооценивают. Именно они представляют вас в сети, и именно глядя на них, большинство составляет самое первое впечатление о вас. Мы рассмотрели то, как можно оптимизировать фотографии в 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 будет отображаться поверх обложки, поэтому выбирайте картинку, на которой будет хорошо виден текст.

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

Заполняя форму на нашем сайте - вы соглашаетесь с нашей политикой конфиденциальности. Также вы соглашаетесь с тем, что мы имеем право разглашать ваши личные данные в следующих случаях:

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

2) Компаниям, работающим от нашего лица: Мы сотрудничаем с другими компаниями, выполняющими от нашего лица функции бизнес поддержки, в связи с чем Ваша личная информация может быть частично раскрыта. Мы требуем, чтобы такие компании использовали информацию только в целях предоставления услуг по договору; им запрещается передавать данную информацию другим сторонам в ситуациях, отличных от случаев, когда это вызвано необходимостью предоставления оговоренных услуг. Примеры функций бизнес поддержки: выполнение заказов, реализация заявок, выдача призов и бонусов, проведение опросов среди клиентов и управление информационными системами. Мы также раскрываем обобщенную неперсонифицированную информацию при выборе поставщиков услуг.

3) Дочерним и совместным предприятиям: Под дочерним или совместным предприятием понимается организация, не менее 50% долевого участия которой принадлежит Компании. При передаче Вашей информации партнеру по дочернему или совместному предприятию наша Компания требует не разглашать данную информацию другим сторонам в маркетинговых целях и не использовать Вашу информацию каким-либо путем, противоречащим Вашему выбору. Если Вы указали, что не хотите получать от нашей Компании какие-либо маркетинговые материалы, то мы не будем передавать Вашу информацию своим партнерам по дочерним и совместным предприятиям для маркетинговых целей.

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

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

6) Правоохранительным органам: Наша Компания может без Вашего на то согласия раскрывать персональную информацию третьим сторонам по любой из следующих причин: во избежание нарушений закона, нормативных правовых актов или постановлений суда; участие в правительственных расследованиях; помощь в предотвращении мошенничества; а также укрепление или защита прав Компании или ее дочерних предприятий.

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

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

К фотохостингу ВКонтакте есть два основных вопроса: какой размер изображения получится у загруженных фотографий и какого качества они будут. Неделю назад написал про размер фотографий, загружаемых ВКонтакте, что существует два способа через проводник и Drag&Drop. Иначе эти способы называют загрузкой через flash и HTML5. Для получения в своих альбомах больших фотографий, нужно пользоваться вторым способом. После этого внимательно изучил записи о фотозагрузчике ВКонтакте, чтобы подойти ко второму вопросу: качество или алгоритм сжатия изображений. Второй материал публикую на своем сайте, по причине демонстрации оригинальных и сжатых разными способами фотографий.

Во-первых, нужно определить момент в каком разрешении пользователь смотрит фотографии чаще всего. Большинство мониторов по длинной стороне имеют 1280 точек, статистику можно поднять, она это подтвердит. Пользуясь браузером в полнооконном режиме пользователь будет получать выводимое изображение с длинной стороной 1050-1060 точек, в зависимости от программы. Чтобы добиться максимального качества от ВКонтакте в связке с любым браузером, не имеет смысла загружать изображения большего размера, иначе фотографии будут пережаты ВКонтакте или скриптом браузера. Задача добиться от обработчика ВКонтакте минимума операций над изображениями, фотограф должен контролировать размер выходного изображения и параметры повышения резкости.

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

Теперь расскажу про опыты, которые проделал с изображением. Взял фотографию главного здания МГУ, наложил копирайт с красным сердцем, этот цвет имеет значение. Изображение сохранил со 100% качеством, сохранил его копию с поднятой резкостью и 100% качеством. Все операции можно прочитать из названия оригинальных файлов.

Загрузил фотографии ВКонтакте. Способ flash или HTML5 не имеет значения пока не выходим за рамки 1280 px по длинной стороне, качество сжатия одинаковое. Первая фотография оригинал загруженный через flash, затем HTML5, третья фотография с поднятой резкостью.

В вопросах и ответах сообщества Live приведены выдержки из диалога с поддержкой ВКонтакте, где утверждается, что обработчик изображений ВКонткте сжимает на 20%. Это не так, по моим скромным подсчетам от 40% и больше. Для демонстрации моего утверждения есть два файла оригинальный и прошарпленный, сохраненные в Photoshop через Save for WEB с качеством 60. Только с понижением качества на 40%, получил сходные по размеру файлы. Алгоритм сжатия изображений ВКонтакте нигде не описан.

Последний этап, самый интересный — сравнение изображений. Для сравнения двух изображений пользовался режимом Difference. Два одинаковых изображения в режиме наложения Difference дадут черное поле. Сравнивать между собой оригинал с 60% качества и файл из ВКонтакте не имеет смысла, разница есть, но нет точки отсчета для качества изображения. Примеры сравнения оригинала 100% и 60%, затем оригинала 100% и сжатого обработчиком ВКонтакте. Как видно на изображении, разница есть, но она не существенна. Для того, чтобы визуально оценить ухудшения качества изображения, контраст принудительно поднят в 8 раз, светлая точка контрастной кривой сдвинута на 224 пункта.

Разница между оригинала 100% и 60% качества сохранения.

Разница между оригинала 100% и обработчиком ВКонтакте. На втором изображении гораздо больше артефактов, ниже детализация и контурная резкость.

Прошарпленный оригинал 100% и после обработчика ВКонтакте. Ситуация похожа на предыдущую картинку. Разница в качестве изображений есть, но ее удается выявить только при искусственном усиление проблемы.

По большому счету у обработчика ВКонтакте есть один недостаток — плохо работает с однородными цветами, особенно с красным. Просил в начале обратить внимание на красное сердце на копирайте, оно практически однородно красное. На фотографиях загруженных ВКонтакте на этом участке изображения максимум артефактов. Из своего опыта съемки, обработки фотографий и публикаций ВКонтакте могу сказать, что такое постоянно наблюдаю на концертных фотографиях с красным, синим, зеленым светом софитов. Также ВКонтакте плохо прорабатывает цветовые градиенты, такие фотографии идут полосами. Главное знать эти недостатки обработчика ВКонтакте, чтобы опубликованные фотографии на вид имели высокое качество.

Последняя подборка изображений для демонстрации приемлемого качества, выдаваемого обработчиком фотографий ВКонтакте. Слева оригинал 100% изображения, справа после загрузки ВКонтакте.

Слева прошарпленный оригинал изображения со 100% качеством сохранения, справа загруженный ВКонтакте.

Вывод. Как загружать фотографии ВКонтакте высокого качества? Определяем размер изображения, поднимаем резкость уменьшенного изображения, сохраняем в Photoshop с максимальными настройками качества, загружаем ВКонтакте. Если хотим сохранить изображение в социальной сети размером от 1280 до 2560, при загрузке пользуемся методом Drag&Drop.


Известно, что пользователи загружают огромное количество фотографий в социальные сети. Загруженные в соц. сети изображения "сжимаются" определённым образом. Процесс сжатия изображений требуется для того, чтобы уменьшить занимаемое ими место на серверах. Большое сжатие несёт за собой искажения, которые мы можем наблюдать в соц. сетях при просмотре загруженных изображений.
Сегодня социальная сеть Вконтакте предоставляет возможность загружать неограниченное количество изображений. И больше всего недостатки таких загруженных изображений заметны со стороны изменения резкости этих изображений. Однако, у соц. сети Вконтакте существует одна особенность - изображения сжимаются в зависимости от способа их загрузки.
Соц. сеть Вконтакте имеет два типа загрузчиков: 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) .

Анимация 1

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


Рис. 4

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

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


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

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

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

    1. Нужно использовать HTML5 загрузчик.
    2. Разрешение фотографий не должно превосходить 2560x2048 пикселей (по любой из сторон).
    Конечно, все эти факты о технических способах загрузки в соц. сеть Вконтакте действительны на сегодня. Возможно, что в будущем в соц. сети Вконтакте такая проблема совсем исчезнет. Но, в любом случае, оригинал фотографии всегда будет оставаться одним и тем же и выглядеть по-своему. Надо будет лишь знать, что это оригинал и выбирать "экран", на котором его смотреть.