Привет! Я заметил очень тонкий баг: эмодзи размытые, потому что они уменьшаются. Я поискал информацию и наткнулся на это:
но, похоже, проблема так и не была решена. Я следил за темой и протестировал это в Chrome и Firefox, но проблема наблюдается только в Chrome.
Кстати, объединённые ответы из связанного поста на SO решают проблему:
-webkit-filter: blur(0px);
-webkit-transform: translate3d(0, 0, 0);
Пример эмодзи Пример текста
Возможно, я ошибаюсь, но на Chrome аватарки тоже выглядят с низким разрешением.
Довольно уверен, что это связано с тем, как Chrome уменьшает изображения. Например, если открыть инструменты разработчика в браузере и установить размер эмодзи на его собственные (в данном случае 72×72 пикселя), изображение будет чётким:
Ещё несколько примеров:
72 / 36 = 2 
чёткий эмодзи
72 / 37 = 1,945 
размытый эмодзи
Мы отображаем эмодзи размером 20 пикселей, поэтому:
72 / 20 = 3,6 размытый эмодзи
В теории эта проблема исчезнет, если использовать изображения эмодзи размером 60 пикселей вместо 72 пикселей. Хотя интересно, не связано ли это с плотностью пикселей и масштабированием: некоторые устройства используют масштаб 2X, некоторые — 3X 
Или мы можем подождать появления цветных шрифтов 
С нетерпением жду широкой поддержки формата шрифтов с одним цветом. COLR/CPAL(v1) Font Formats | Can I use... Support tables for HTML5, CSS3, etc
Разве в этой теме не обсуждались цветные шрифты?
https://meta.discourse.org/t/are-discourse-emojis-svgs/217605
SVG и цветные шрифты стали бы лучшим решением, но я всё ещё выступаю за решение только на CSS. Хотя CSS — не моя специализация, это, похоже, вариант с наименьшим количеством проблем.