Что делать, если не загружается аватар?

В прошлой статье я писал о том, как установить свой Аватар (фотографию) в комментарии на блогах WordPress. Если кто-то еще не подключил свою фотографию, то рекомендую это сделать по моей инструкции вот тут.

Но практически все знают, что аватар нужен не только для комментариев на блогах :) Например, его желательно загрузить в своем аккаунте на каждом из буксов.

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

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

Но в буксах дела обстоят иначе. В таких проектах накладывают ограничения на размер и «вес» изображения, которое будет загружено как аватар.

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

Как пример, покажу наглядно какие требования предъявляют в некоторых наиболее популярных российских буксах:

SEOsprint



Profitcentr



WMMail



WMZona



Как видно из примера, требования к загружаемым в качестве аватара изображениям в буксах похожи.

Изображение нужно довольно малого размера и не думаю, что у каждого специально имеются фотографии в таком мелком размере на компьютере :)

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

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

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

Итак, у нас есть большая по размеру фотография и мы хотели бы загрузить ее в качестве аватарки, например, в букс SEOSprint (в остальные буксы, и не только буксы, все точно по аналогии).

Пошаговая инструкция по сжатию изображения с примером его загрузки в качестве аватара на SEOSprint

  1. Для редактирования изображения, когда на компьютере нет каких-то специально установленных для этого программ, очень удобно пользоваться совершенно бесплатными Online версиями различных аналогичных программок. Разберем одну из них.

    Переходим по ссылке и перед нами откроется Online редактор изображений, напоминающий известный Adobe Photoshop. Сразу будет открыто вот такое окно с вариантами дальнейших действий:



    Разберем вкратце каждый из пунктов

    1. Создать новый рисунок – на тот случай, когда вы собираетесь нарисовать изображение с нуля.
    2. Загрузить изображение с компьютера – наиболее распространенный, и на мой взгляд – самый удобный вариант. Позволяет просто выбрать нужное фото в любом формате на вашем компьютере и начать его редактирование.
    3. Открыть URL-изображение – на тот случай, если нужная вам фотография находится на каком-то сайте. В таком случае вам нужно найти то изображение, щелкнуть по нему правой кнопкой мыши и выбрать пункт «Копировать ссылку», после чего вставить эту ссылку, после нажать на кнопку «Открыть URL-изображение».
    4. Открыть изображение из библиотеки – если вы зарегистрированы в библиотеке изображений pixlr, то можно подключиться к ней, введя логин и пароль и выбрать загруженное ранее изображение там. Но это неудобно и мы рассмотрим самый удобный вариант :)
    5. Use pixlr on your mobile device – получение вашей фотографии через специальные приложения для операционной системы Android.

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

  2. Откроется проводник Windows, где вам нужно найти у себя на компьютере нужную фотографию и нажать «Открыть»:



  3. Теперь смотрим, какие требования к загрузке фото для аватара установлены в SEOSprint. Главное там вот: картинка для аватара не должна превышать 120×120 пикселей, иметь одинаковые пропорции и быть не более 128 килобайт.

  4. Теперь, зная какой допустимый размер изображения, мы просто сожмем фото до этого размера. Но бывает еще полезно воспользоваться инструментом «Обрезка» (обведён на изображении ниже):



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

    Вот что получилось в моём примере:



  5. Теперь сожмем изображение. В верхнем меню программы выбираем «Изображение» > «Размер изображения»:



  6. Не убираем галочку «Сохранять пропорции» и указываем в строке «Высота» размер 120 (напомню, что по требованиям SEOSprint – это максимальный):



    За счет установленной галочки, Ширина сама изменится на нужную, в зависимости от высоты, и изображение не потеряет форму и не исказится.

    После ввода значения нажимаем «Да».

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



  8. На этом почти все. Осталось сохранить изображение и проверить его размер. Нажимаем на кнопку из верхнего меню «Файл» > «Сохранить».



  9. В открывшемся окне можно задать новое имя изображению и задать ему качество.

    От качества будет зависеть размер изображения в Кб (килобайтах). Примерный размер вашего изображения на выходе можно внизу окна над кнопками «Отмена» и «Да». SEOSprint, как мы видели, позволяет загружать фото объемом до 128 Кб.

    Поэтому, если возможно и объем получается допустимый, то всегда ставьте качество равное 100.



    Нажимаем кнопку «Да» для сохранения.

  10. В окне выбираем место на вашем компьютере, куда будет сохранено отредактированное фото:



    Сохранение завершено!

  11. Сверните браузер и найдите ваше только что сохраненное отредактированное изображение и щелкните по нему правой кнопкой мыши, затем выберите «Свойства». В строке «На Диске» размер должен не превышать тот, что заявлен в ограничениях букса. Когда мы сохраняли изображение в редакторе, то там был указан лишь примерный размер и иногда может отличаться. Поэтому таким вот образом мы проверяем реальный размер.



  12. Проверив и убедившись, что размер в порядке, переходим в букс в раздел личных данных:



    В SEOSprint аватар можно загрузить, щелкнув по пустой фотографии (см. выделенную область на изображении выше).

  13. Снова откроется проводник Windows (как в том редакторе) и нужно выбрать отредактированное нами фото и нажать «Открыть»:



  14. ВСЁ! Загруженный аватар будет установлен. Как правило, устанавливается после нескольких обновлений страницы или выходе/входе в аккаунт.



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

И еще один момент. Если вдруг редактор изображений, на который я дал ссылку, перестанет работать (мало ли что с сайтом случится), то найти новый аналогичный проще простого. Просто откройте поисковую систему Google и вбейте туда запрос, например: «online редактор изображений»:



Уже по первой — второй ссылке вы найдете то, что нужно – аналогичный редактор, в котором так же не составит труда разобраться.

Не забываем, что сжимать изображения может понадобиться и для установки Аватарки на разных форумах и еще много где :)

С удовольствием отвечу на все вопросы по теме! :) Обращайтесь ;)

Пока!

Автор статьи — Владимир Белев

Понравилась статья? Поделись!

5 комментариев

  • Аватар комментатора Валентина Валентина
    Валентина Краснова
    Спасибо огомное Вы мне очень помогли. У меня всё плучилось.
    Ответить
    1. Аватар комментатора Владимир Белев Владимир Белев

      Очень здорово, что у вас получилось и спасибо за комментарий! :)

      Ответить
  • Аватар комментатора Leonora94 Leonora94
    Первая мысль :) Прошу любить и жалеть меня :) Всем мир :)))
    Ответить
  • Аватар комментатора Андрей Андрей
    спасибо, в руку мне попались, эта статья была как раз то, что мне нужно, еще раз спасибо!
    Ответить
    1. Аватар комментатора Владимир Белев Владимир Белев
      Всегда пожалуйста! Рад, что мои труды не напрасны:)
      Ответить

Добавить комментарий

Отправить комментарий Отменить

Сообщение