Как сделать загрузку аватаров по силам каждому

24.04.2008

Изредка в Википедии вместо иллюстрации к статье можно встретить такую заглушку:

Wikipedia image placeholder

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

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

Вообще загрузка аватара — это не всем пользователям по силам. Нужно найти картинку, обрезать ее, сохранить не в BMP, который в Paint'е по умолчанию стоит. Интересно поразмышлять над тем, как этот процесс сделать дружественнее.

Для начала, после регистрации нужно сразу предложить загрузить аватар. Если предложение будет проигнорировано, то использовать прием с «говорящей» заглушкой.

Форма загрузки должна принимать фотографии в несколько мегабайт и картинки в BMP. Автоматическое изменение размеров и «умный кроп» не пойдут. Поэтому решением видится встраивание веб-редактора изображений.

Графический веб-редактор

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

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

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

Комментарии

larin, 24.04.2008 18:32

Вопросик: почему не подойдет простое, автоматическое уменьшение картинки? Зачем усложнять пользователя жизнь дополнительным редактором?

Дмитрий Сергеев, 24.04.2008 18:43

Мне кажется, большинство фотографий с людьми -- это не портреты. Если автоматически уменьшать, лицо будет слишком мелким.

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

dixon, 25.04.2008 03:44

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

Дмитрий Сергеев, 27.04.2008 23:26

>> Взгляните на тотже фейсбук...

Зарегистрироваться что ли, посмотреть.

Kyхa, 25.04.2008 13:48

Ну и практикам несколько ссылок:

обработчик картинок + js к нему
http://phpthumb.sourceforge.net/
http://www.silisoftware.com/scripts/ThumbnailSelector/demo/example2%20(appearances)/
http://www.silisoftware.com/scripts/ThumbnailSelector/demo/example1%20(basic%20setup)/

аяксовый редактор
http://ajaxian.com/archives/open-source-php-based-ajax-image-editor
примеры его использования:
http://www.andrefiedler.de/dev/ImageEditor/?imageName=frog.jpg

http://www.jpie.net/
так себе

Для себя же я выбрал http://www.silisoftware.com/scripts/?scriptname=ThumbnailSelector
Он просто позволяет выбрать нужную область картинки. Ну а свои скрипты исходя из этой картинки и выбраной области делают то что они должны делать :)

Kirill, 25.04.2008 14:31

Кривеньки редактор.
на vistaprint.com, в редакторе шаблонов более прилично реализована обрезалка при загрузке картинок в шаблон.
В свое время пришлось делать "клон" этого сайта...
Как руки дойдут, оформлю скрипт выделения отдельной библиотекой и выложу в свободный доступ на радость разработчикам ;)

Дмитрий Сергеев, 27.04.2008 23:35

vistaprint.com -- любопытный сервис, кстати. Расширяем кругозор :)

Kyхa, 28.04.2008 07:33

Я когда первый раз смотрел - показалось что это чей-то корпоративный сайт. И забил.

Только что еще раз посмотрел - оказалось действительно сервис... Вот интересно - у меня неправильное понимание того как должно выглядеть приложения подобного типа, или это они перемудрили с дизом...

Дмитрий Сергеев, 29.04.2008 23:41

Да, сайт тяжеловатый. Мне кажется, дело в возрасте.

Дмитрий Сергеев, 27.04.2008 23:32

Куха, спасибо. Появилось настроение посмотреть ссылки — целый пласт софта открыл для себя. Глядишь и пригодится.

Kyхa, 28.04.2008 07:35

Пожалуйста :)

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

Дмитрий, 26.04.2008 13:37

неплохо неплохо
будем копать дальше)))
спасибо за мысли)

nobl, 12.05.2008 17:57

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