Тёмная сторона эмодзи или почему в сообщениях dtf нет смайлов

На устройствах любой символ можно представить в виде числового кода, будь то буква A или 🥹. Таким образом в каждой из OS (то есть Windows, Linux и т.д.) есть свой набор шрифтов и эмодзи в их числе.

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

Окей, мы добавили файл со шрифтами на свой сайт, но получится ли также с эмодзи? В отличие от обычных букв изображение нельзя так просто масштабировать без потери качества.

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

Наконец, в 2022 году выходят релизы Chrome и Firefox, которые поддерживают стандарт COLRv1, позволяющий делать красивую векторную графику с градиентами и при этом хранить её достаточно компактно. Но и тут не обошлось без проблем - ей оказалась Apple. Они выкатили список претензий, большинство из которых позже были исправлены, но позиция компании так и не изменилась.

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

Реализация очевидная, но довольно непростая - все видимые эмодзи заменяются на картинки. Процесс примерно такой:

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