Дуров посміхнеться, а Цукерберг здивує. Розглядаємо смайлики в трьох соціальних мережах

Наша взаимовыгодная связь https://banwar.org/

15 Жовтня 2012, 14:50

1904

... коли ми зустрічаємо смайлики, вставлені в текст в вид е картинок [...], можна з упевненістю сказати - ми ненавмисно потрапили на форум дегенератів

(Артемій Лебедєв, «Ководство», § 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. Чи не розглянули швидкість завантаження і розмір картинок. З одного боку, теми ці досить нішеві, а з іншого боку - автор цих рядків не володіє достатнім парком девайсів для проведення більш глибокого дослідження.

Дякуємо за увагу. Лайк, ретвіт, Шер, клас вітаються

Помітили помилку? Виділіть її та натисніть Ctrl + Enter, щоб повідомити нам.