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

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

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

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

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

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

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

SEOsprint

Profitcentr

WMMail

WMZona

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

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

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

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

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

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

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

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

   Переходим по ссылке: http://pixlr.com/editor/ и перед нами откроется 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 редактор изображений»:

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

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

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

Пока!

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