Как пережать фото под контакт
Все мы знаем, что «контакт» очень портит качество размещаемых фотографий. Если на фотографиях с «мыльницы» это не так заметно, то для фотографов, потративших немало времени и усилий на обработку фотографий, разница очевидна. Красочная и яркая фотография блекнет после добавления в альбом «контакта». Работа превращается из шедевра в обычную «фотку», которых миллионы.
Для обработки изображений воспользуемся программой Photoshop.
Изменяем размер
Фотография в «контакте» при просмотре не растягивается больше 1000 px в ширину. Возьмем это значение за максимальный размер по ширине/высоте. Но при уменьшении размера качество ухудшается, фотография «замыливается». Для того чтобы свести к минимуму негативный эффект, воспользуемся следующим алгоритмом:
- Переходим в окно изменения изображения (Изображение -> Размер изображения)
- Изменяем размер фотографии до полуторного от нужного (1500px по большей стороне)
- Выбираем Интерполяцию «Бикубическая, четче» и сохраняем
- Снова переходим в окно изменения изображения
- Изменяем размер фотографии до нужного (1000px по большей стороне)
- Выбираем Интерполяцию «Бикубическая» и сохраняем
Сохраняем правильно!
Если сохранять стандартно, через «Файл -> Сохранить как», то с фотографией сохранится много лишней информации. Это увеличит размер фотографии. Такая фотография будет хорошо отображаться на локальном компьютере, но не в интернете. Для того чтобы сохранить фотографию для интернета выполняем следующие действия:
- Переходим в окно сохранения изображения для web (Файл -> Сохранить для web и устройств)
- Выбираем формат JPEG
- Качество 80
- Ставим галочку «Преобразовать в sRGB» и сохраняем
Применяя такой алгоритм наши фотографии не потеряют в качестве при размещении в социальной сети «контакт».
Всем отличных фотографий!
P. S. Если вам помог этот способ — расскажите о нем своим друзьям в соц. сетях, с помощью кнопочек ниже.
Описываете работу программы и не указываете какой именно.
В разных графических редакторах по-разному называют пункты меню, которые вы упоминаете в статье.
Верно подметили! Спасибо за замечание, уже исправил)
Алексей, Вы правильно написали, что вес станет меньше. Он становится меньше по причине того что sRGB- это модель с более узким спектром цветов чем RGB соответственно уменьшается вес и преобразуются цвета под более подходящие для веб.
Кстати заметил такой нюанс у Вас на скриншотах «Размер изображения» высокое разрешение 240 пикс./дюйм, тогда как для интернета необходимо 72 причем при 240 вес файла значительно больше. Как считаете, может необходимо сперва уменьшить разрешение, а уже потом изменить размер???
Сергей, вы очень внимательны 🙂
Если сохранять таким способом как указано выше, разрешение автоматически становится 72, и вы правы, вес файла уменьшается и благодаря этому.
Помогите пожалуйста, как в этой программе с телефона сделать это
Фотошопа для телефона нет, если я ошибаюсь, прошу меня поправить.
Когда нажимаю Файл -> Сохранить для web и устройств программа автоматически закрывается, пробовала не один, и не два раза. Подскажите/помогите пожалуйста.
Возможно вы пытаетесь сохранить сильно большой файл изображения. Попробуйте уменьшить размеры до 1000px по максимальной стороне.
Еще это может зависеть от мощности компьютера.
пробовала по указанной схеме — не помогает,фото в контакте получается не чётким и очень заметно…делала в фотошопе.
Здесь показано не как увеличить четкость или качество фото, а как максимально его сохранить. Лучше оригинала не получится.
Проверьте следующее: оригинал изображения имеет размеры, большие, чем те, до которых вы его сжимаете, вы правильно выполнили всю последовательность.
Контакт не грузит потом обработанные таким образом фото, не сталкивался никто с этим?
Илья, могу на 99,9% сказать что проблема либо в самом контакте, либо в браузере.
Остальные 0,01% — либо вы сохранили не в том формате, либо размер изображения очень большой.
спасибо! очееень помогло! ^^
в какой программе это делать?
Приведен пример для Adobe Photoshop, в конце первого абзаца написано.
Ура! Ура! Ура!!))))))))))))))))))))))))))) Спасибо огромное! Несколько месяцев искала решение проблемы и вы помогли!))))))))
ОООО как же вы мне помогли!!!! Я счастлива!!!! =)))))))) Thank YOU!!!
Все сделала так, как написано, но фотка все равно загрузилась размытой(((
Светлана, изначально фото было не размыто? С помощью такого способа качество и резкость увеличить нельзя, можно свести к минимуму ухудшение фото.
Возможно вы пропустили какое-то действие, галочку, попробуйте повторить.
Изначально фотография очень хорошего качества. Несколько раз пробовала и ничего не выходит. Правда у меня редактор другой, Paint.NET.
Но все равно еще раз попробую. Спасибо.
Так вы сразу бы и сказали что редактор другой! 🙂
У разных редакторов могут быть различные алгоритмы обработки изображения, поэтому данная инструкция может не подойти.
Добрый день. Смотрю подобная идея по всему инету разбросана, но нигде нет ответа, почему некоторые изображения все-таки не получается почистить (( Я так понимаю, это может быть связано с цветовой схемой, которую вконтакт не переваривает.. верно?
Т.е. фотография на 100% чистая, когда лежит готовая на компе. А сразу после загрузки она «пачкается».. На залитых одним цветом зонах, буквы почти всегда создают шум..
Видел совет еще про загрузку по HTML5.. но и он не работает..
Валерий, здравствуйте!
Не понял выражения «пачкается». Приведенный здесь способ позволяет видеть в контакте такое же изображение, как на компьютере. Основная проблема была — ухудшение яркости цвета, фотография бледнела. Этот способ решает проблему.
Преобразование в sRGB оптимизирует изображение для web в целом, а не конкретно для контакта (т. е. качества сохранится и в других соц. сетях и сервисах).
Я бы показал, но тут нельзя фотки крепить, если не ошибаюсь 🙂
Получается так. На картинке есть текст. Он с эффектом, с тенью. Когда сохраняю для web все хорошо, картинка четкая. А как только загружаю вконтакт, получаю в районе текста грязные пятна (ну не знаю, как еще их назвать).. Как будто бы ластиком потерли в том месте..
Валерий, могу предположить что вы изменяете размер фотографии после того, как нанесли надпись. Надпись нужно наносить в самую последнюю очередь.
К тому же на 100% нельзя уменьшить ухудшения качества изображения при загрузке. Хотя я загружаю с текстом — все четко, без мыла.
Нет, с фотошопом я все же умею работать 🙂 Ладно, значит дело в фоновых цветах… или размер шрифта слишком маленький. Буду копать дальше.
Валерий, этот эффект называется «шум» необходимо растрировать текст и стиль слоя, затем выполнить сведение всех слоев, после уже уменьшать размер
Есть такая тема, что резкость для web и для «большой» фотографии делается отдельно. Так на каком этапе и каким способом она делается в вашем случае?
Используя данный метод фотографии в резкости не теряют.
Если вы хотите повысить изначальную резкость — это тема отдельной статьи, в фотошопе полно инструментов влияющих на этот показатель.
Добрый день! Алексей подскажите обязательно ли сохранять в sRGB или можно в другом профиле? Например в Adobe1998?
Здравствуйте!
Если собираетесь загружать фотографию в интернет — то да, обязательно.
Здравствуйте! При загрузке фотографии с помощью данного метода, качество снимка получается даже хуже, чем если загружать фотографию обычным способом. Я не знаю уже что делать.. Сделал все в точности, как написано в статье, в итоге так ничего и не добился. Делал все через adobe photoshop CS6.
Подскажите пожалуйста, в чем может быть дело?
Здравствуйте, Дмитрий.
Если сравнивать с оригиналом — то качество немного ухудшится еще перед загрузкой в интернет, мы ведь уменьшаем размер фотографии. Для художественных фотографий в настройках качество ставьте не 80%, как написано, а 100%, для остальных 80% — самое то. Насыщенность цветов остается как на оригинале, сам применяю с момента написания статьи.
В начале, при загрузке фотографии в программу, высвечивается окно, в котором написано следующее: Документ, имеет цветовой профиль, не соответствующий текущему рабочему пространству RGB. Далее предлагается выбрать одно из трех:1.Использовать встроенный профиль (вместо рабочего); 2.Преобразовать цвета документа в рабочее пространство.; 3.Не использовать встроенный профиль(не управлять цветом). Что надо выбрать?
Выбирайте 1 или 2 вариант, сравните где лучше качество будет.
Какой именно был использован Adobe Photoshop у Алексея?
Photoshop CS3, но версия роли не играет, настройки и алгоритм везде одинаковые.
У меня тоже не получается 🙁 В фотошопе даже нет такой строчки, как на 1-й картинке: «бикубическая, четче (наилучшая для уменьшения). Выбрала из предлагаемого «бикубическая (с уменьшением)», далее все по инструкции. загрузила в ВК — ни на грамм лучше не стало. Попробовала еще раз, на этот раз «по соседним пикселям (четкие края)» — итог тот же :((.
Скажите, а обязательно использовать «сохранить для веб»? Я вот всегда сначала уменьшала фотографии до 1000 пикселей по длинной стороне, а потом делала «сохранить как». После загрузки в контакт качество не страдало. Разрешение оставалось 240, но как я понимаю, в интернете оно особо ни на что не влияет. Или я не права? Вы пишите: «Если сохранять стандартно, через «Файл -> Сохранить как», то с фотографией сохранится много лишней информации. Это увеличит размер фотографии. Такая фотография будет хорошо отображаться на локальном компьютере, но не в интернете». Вот на чем это может отразиться, ухудшится резкость или цвета?
Если вас устраивало качество, которое вы получали при обычном сохранении, то сохраняйте как и раньше, как говорится, «от добра добра не ищут». В моем случае качество искажалось и мне нужен был этот способ.
соотношение сторон) играют, какую либо роль?
Нет, соотношение остается как и было.
Добрый день!
Подскажите пожалуйста, а как сохранить качество текста в фото? Ваш метод очень помог, за это Вам благодарен, но качество текста теряется, текст получается не читаемым.
Заранее благодарен!
Здравствуйте!
Текст при изменении размера искажается, его качество никак не сохранить. Здесь нужно сначала уменьшать само изображение, а потом накладывать текст. В таком случае текст останется четким.
Спасибо огромное! Ваш способ действительно помог при сохранении фотографий в уменьшенном виде, для соцсетей и интернета. Спасибо!
не помогло. сделала, как описано. как были нечетки фотки в вк, так и остались.
Я попробовал данным способом-маленько помогло! Как я сделал для полной стабилизации изображения вконтакте? Просто воспользовался редактором изображения-внизу к фото есть меню -кнопка»Действие/фоторедактор. Покрутил насыщеность, контраст и резкость-стало более менее. У меня ещё вопрос-Обязательно надо ставить «прогрессивный»(у меня было «оптимизация»)?
1. Для качественной фотографии фильтр внутри ВК не годится — это так, поиграться.
2. «Оптимизация» позволяет немного уменьшить размер фото, а прогрессивный метод сохранения сделает так, чтобы фото загружалось не полосами (вверху-вниз), а постепенно все, т. е. сразу показывается все изображение, но в пикселях, постепенно проявляются детали. Важно только для web, для очень больших изображений.
Большое спасибо за статью,сработало)
То,что это PS понятно, пользовалась неоднократно функцией сохранения для web. Это очень удобно,фотки действительно становятся менее весомыми, качество все-же теряется, но не так критично. Этой функцией хорошо пользоваться фотографам, которые снимают в наилучшем качестве коммерческую съемку,а потом надо фото клиенту для сетей передать. Я еще профиль цветов фото меняю, чтобы цветность не терялась, но иногда она все равно блекнет,что с этим делать?
Если у вас фото блекнут только иногда, а не все время — значит вы меняете что-то в настройках.