… когда мы встречаем смайлики, вставленные в текст в виде картинок[…], можно с уверенностью сказать — мы нечаянно попали на форум дегенератов 

(Артемий Лебедев, “Ководство”, § 135)

ВКонтакте, Фейсбук и Одноклассники давно радуют свою асоциальную аудиторию возможностью вложить эмоции в минимально необходимые 256 пикселей. Давайте рассмотрим техническую, творческую и, конечно, медийную сторону улыбчивости популярных социальных сетей.

В чёрно-белом фильме “Портовый город” (Ингмар Бергман, 1948) стилизованное изображение человеческого лица было использовано для передачи страдания. Этот фильм  считается первым произведением публичного искусства, где были использованы смайлы. Уже позже, в 1953 году, изображение счастливого лица появилось в рекламной кампании американского фильма “Лили”. И понеслось. Более глубоко нырять в историю кружочков с точками на месте глаз мы не станем. Поговорим о сейчас.

Смайлы ВКонтакте

Исторически сеть долго отрицала необходимость в смайликах, но третьего января 2012 года руководитель разработки отделов ВКонтакте затеял конкурс-тендер на создание набора смайлов. 29 января конкурс завершился, трём победителям выдали МакБуки и $6000. Через полгода верные СМИ, пресс-секретариат ВКонтакте да и сам Павел сообщили в соответствующих блогах — смайлам быть! 28 августа миру была представлена первая партия канонических смайликов, а 2 октября к ним добавили ещё 96 картинок. Таким образом ассортимент эмотиконов вырос до 128 позиций в размере 16×16 пикселов.
За основу, как и предполагали условия конкурса, был взят emoji-набор для Apple iOS. Слово emoji имеет японское происхождение, и означает смайлики в японских гаджетах.
Давайте рассмотрим смайлик ВКонтакте на примере подмигивающей рожицы. Картинка имеет постоянный адрес. Разработчики знают, что все картинки имеют уникальный hex-код, подставляя который в типичный url можно получить отдельную картинку. Смайлик, показываемый на неретиновых дисплеях имеет размер 16×16 пикселов, хранится в спрайте стандартных смайликов. Тайтл картинок в коде страниц соответствует сочетанию знаков препинания для автозамены. Вот он, ехидный vk-смайл.
Стоить отдать должное команде ВКонтакте, создать шумиху вокруг, казалось бы, утилитарной функциональности они могут. Да и качество самих картинок на высоком уровне.
Обмениваться сообщениями веб-версия ВКонтакте позволяет тремя способами, смайл-функциональность которых не одинакова.
  1. В виде диалогов — поддерживается преобразование стандартных сочетаний знаков препинания 😉 в графический смайлик, есть возможность вставить смайлик, кликнув на его изображение.
  2. В виде сообщений — автозамена знаков препинания работает, вставить смайл без знания соответствующей комбинации символов не получится.
  3. Во всплывающем окне быстрой переписки — автозамена знаков препинания работает, вставить смайл без знания соответствующей комбинации символов не получится.

Смайлы в Фейсбуке

Цукерберг, как известно, чаще звонит или сам приезжает. Поэтому дефолтным смайликам в Фейсбуке не уготована судьба стать горячим информационным поводом. Скромный набор из стандартных картинок компенсируется возможностью использовать в их качестве любую картинку. Но сначала о стандартных. Их 21 (на самом деле нет), тона менее яркие, картинки мельче. Получить прямой постоянный url конкретного смайлика сходу не удалось — все они живут в одном спрайте.

Подмигивающий смайлик Фейсбука в размере 14×14 пикселов имеет однопиксельную прозрачную рамку, лишён бровей и подмигивает другим глазом.

Обмениваться сообщениями веб-версия Фейсбука позволяет двумя способами, которые относятся к смайлам иначе, нежели “вконтактовские”
  1. В виде сообщений — автозамена знаков препинания работает, вставить смайл без знания соответствующей комбинации символов не получится.
  2. Во всплывающем окне быстрой переписки — автозамена знаков препинания работает, вставить смайл можно кликнув на один из 21 стандартных.

А теперь веселье. Напишите в личном сообщении в Фейсбуке

[[durov]] <3 [[zuck]]

Дополнительные объяснения не требуются, надеюсь.  Да, математическое выражение “меньше трёх” отвечает за сердечко, а имя аккаунта в двойных квадратных скобках выводит аватарку упоминаемого аккаунта. Со страницами брендов тоже всё работает.

[[sioburn]] (y) [[ainua]]

Это не классические упоминания имени в контексте со ссылкой на профиль, они не доступны в статистике, это просто ссылка на однозначную картинку. То есть Влад никогда не узнает, что у тысяч девочек в личке есть запись вида

I <3 [[tsyplukhin]] :'( :'(.

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

Разумеется, гиковский Фейсбук имеет и скрытые от посторонних глаз смайлики. Пингвин, ответ на главный вопрос жизни, вселенной и всего такого, портрет Криса Патнэма (разработчика Фейсбука), просто робот какой-то. Смотрите сами.

Смайлики Фейсбука

Но и это ещё не всё. Внимательные читатели уже догадались, что в качестве смайлика в сообщениях Фейсбука можно использовать любое изображение. Не только квадратное. В былые времена описанным выше способом вставлялись любые изображения из Фейсбука. Достаточно было указать fid картинки в двойных квадратных скобках. Но когда id аккаунтов стали совпадать c fid фотографий, лавочку прикрыли. Теперь только через костыль, дающий код мозаики.

Например, этот сервис  с удовольствием разобьет картинку на шестнадцатипиксельные квадратики и выдаст код мозаики для отправки личным сообщением. Мой портрет выглядит в коде так:

[[488604724503453]][[488604734503452]][[488604731170119]][[488604721170120]][[488604727836786]]
[[488604801170112]][[488604797836779]][[488604807836778]][[488604804503445]][[488604794503446]]
[[488604877836771]][[488604864503439]][[488604867836772]][[488604874503438]][[488604871170105]]
[[488604944503431]][[488604947836764]][[488604941170098]][[488604954503430]][[488604951170097]]
[[488605037836755]][[488605027836756]][[488605041170088]][[488605031170089]][[488605034503422]]

А так уже в чатике:

Принцип работы этих сервисов можно понять, изучив граф первого элемента мозаики. Впихнуть в этот сервис собственный спрайт смайликов Фейсбука не получилось — сайт выругался на слишком тощее изображение.

Таким образом мы выяснили, что смайликом в Фейсбуке может быть:

  1. Сам видимый смайлик (21 штука)
  2. Невидимый набор символов, преобразующийся в смайлик (+ 6)
  3. Аватар аккаунта (+ миллиард)
  4. Любое изображение (+ бесконечность)

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

Смайлы в Одноклассниках

В Одноклассниках имеется пятьдесят бесплатных смайликов, среди которых 26 фирменных. Они в меру оригинальны, поскольку повторяют форму моего монитора (квадратные), раскрашены в фирменные цвета интерфейса (оранжевые) и удовлетворяют потребности аудитории (анимированые).

Стандартный смайлик Одноклассников имеет размер 20×20 пикселов (самый большой, однако) и доступен по отдельному урлу. Традиционные портреты с пяти- и десятикратным увеличением.

      

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

Платные смайлики в Одноклассниках

Обсуждать политику монетизации ресурса не станем — они всегда умели продавать картинки, например “подарки” в Одноклассниках в три раза дороже таковых ВКонтакте. Позволю себе удивиться вот чему — уникальные самобытные оранжевые смайлики раздаются бесплатно, а за откровенно вторяковые древние колобки просят деньги. Однако аудитория сети и её поведение для меня вообще потёмки, хоть и притягательные.

Краткий экскурс в улыбчивые картинки окончен. В этой заметке мы не рассмотрели любимые мной мобильные версии и мобильные приложения с их смайл-возможностями. Нарочно упустил из виду и графическое качество смайликов на экранах с высоким ppi. Не рассмотрели скорость загрузки и размер картинок. С одной стороны, темы эти достаточно нишевые, а с другой стороны — автор этих строк не владеет достаточным парком девайсов для проведения более глубокого исследования.

Спасибо за внимание. Лайк, ретвит, шэр, класс приветствуются Пока!