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

В прошлой статье я писал о том, как установить свой Аватар (фотографию) в комментарии на блогах 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 редактор изображений»:

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

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

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

Пока!

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