Почему Вконтакте размытые фотографии

Почему вконтакте размытые фотографии

Плохое качество аватаров у пользователей. Как исправить?

Очень часто натыкаюсь на вопросы типа:Почему аватарки сжимаются?
Почему аватарки у пользователей такого плохого качества?
Как поправить качество аватарок у пользователей? и тд и тп.
Решил запилить отдельную статью с решением данного вопроса.

Как же решить этот вопрос?
Да очень просто, нужно просто внимательно читать документацию.

Всё дело в том что по дефолту в движке все изображения сжимаются, дабы экономить пространство, трафик, ну и на скорость прогрузки страниц это влияет. Браузерам легче загружать мелкие изображения чем аватарки высокого качества либо GIFки.
Первым делом советую отключить качество сжатия jpeg изображений.
Для этого заходим в: Админ.панель / Настройки скрипта / Настройка системы / Настройка работы с изображениями .

Как включить загрузку фото в ВК в высоком качестве


По умолчанию будет установлено значение 85 (или 80). Меняем на 100
Ну вот как бы и всё :confused:

А ещё давайте настроем размеры аватарок.
Для этого переходим в раздел: Админ.панель / Пользователи / Настройка групп пользователей / Выбираем группу / Действие / Редактировать / и в самом низу ищем

Да да! Для каждой группы можно настроить свой размер изображений в аватар.

Тут значение установить можно любое, какое захотите. Зависит от вашего хостинга. Часто используют 240×240 / 160×160 / 32×32 и т д.
По мне так самым нормальным будет: 400×400 (на любую аву хватит 🙂 )

Ну а что касается GIF аватарок, то я на эту тему делал отдельную статейку.

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

Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию. Это займёт не более минуты. Не волнуйтесь, мы не спамим!

Источник: for-web.ru

Как пережать фото под контакт

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

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

Как ВК качество фото портит. Или как правильно подготовить и загрузить фото в соцсети

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

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

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

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

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

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

Сохраняем фотографию для web

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

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

Источник: webvim.ru

Оцените статью
Добавить комментарий