Emoji

De EduTech Wiki
Aller à la navigation Aller à la recherche

Introduction

Selon Wikipedia, «Émoji (絵文字, prononcé [emodʑi]), est un terme issu du japonais pour désigner les pictogrammes utilisés dans les messages électroniques et les pages web japonaises, qui se sont répandus dans le monde entier. Le mot emoji signifie littéralement « image » (e) + « lettre » (moji) ; la ressemblance avec « émotion » est un jeu de mot interculturel. Ces caractères sont utilisés de la même façon que les émoticônes ASCII, mais un plus grand nombre est défini. Les icônes sont standardisées et intégrées aux appareils.» Un grand nombre d'emojis sont standardisés sous forme de caractères Unicode affichables dans des multiples environnements comme les messageries instantanés, clients emails, pages web (HTML) et réseaux sociaux divers comme Facebook et Twitter. Certains systèmes d'opération comme Windows 10 ou Mac OS X et Android les supportent aussi directement.

Le mot emoji est masculin et son pluriel est soit emoji, soit emojis selon Wiktionary.

Voir aussi:

Les emoji dans le standard UniCode 😂

Selon Wikipedia, UniCode est un standard informatique qui vise à donner à tout caractère de n’importe quel système d’écriture de langue un nom et un identifiant numérique. unique. La dernière version, Unicode 13.0, a été publiée en mars 2020 et contient un répertoire de 137 929 caractères, couvrant une centaine d’écritures plus des divers symboles graphiques comme les emoji.

Les jeux emoji dans Unicode dépendent d'abord des versions de Unicode. La première qui inclut les emoji est la version 6 qui date de 2010. En nov 2020, la dernière version du jeu emoji est définie dans le document Unicode Technical Standard #51, version 13.1. Ce document technique "«defines the structure of Unicode emoji characters and sequences, and provides data to support that structure, such as which characters are considered to be emoji, which emoji should be displayed by default with a text style versus an emoji style, and which can be displayed with a variety of skin tones. It also provides design guidelines for improving the interoperability of emoji characters across platforms and implementations.». En résumé (simplifié), les emoji sont des caractères dans des fontes qui s'affichent soit avec un style "texte" (graphisme simple) soit avec un graphisme plus complexe et qui inclut des variantes de couleur.

Cette norme définit un emoji comme «colorful pictograph that can be used inline in text. Internally the representation is either (a) an image, (b) an encoded character, or (c) a sequence of encoded characters.»

En résumé, un emoji est définie par

  • un dessin
  • un code de caractère unicode (un ou plusieurs caractères combinés, parfois avec un "Zero Width Joiner", prononcé "zwidge")
  • un nom court à option (non-standardisé, utilisé surtout dans les chats)
  • un nom officiel dans le "Common Locale Data Repository" (CLDR)
  • des mots clefs qui facilitent la recherche

Le tableau ci-dessous montre quelques emoji simples (variante de base) avec ces critères

Exemples emoji
Code

U+

Affichages

dans votre navigateur (defauts pour taille texte, 24px et 40px, fonte parfois alternative 40px)

Nom court CLDR Shortcode

(utilisé dans les messageries)

Mots clefs
1F602 😂 😂 😂 😂 face with tears of joy

(visage avec des larmes de rire)

:joy: (Github, Slack)

:face_with_tears_of_joy:

face | face with tears of joy | joy | laugh | tear
1F478 👸 👸 👸 👸 princess :princess: fairy tale | fantasy | princess
1F9DB 🧛 🧛 🧛 🧛 Vampire :vampire: Dracula | undead | vampire
1F6E0 🛠 🛠 🛠 🛠 hammer and wrench :hammer_and_wrench: hammer | hammer and wrench | spanner | tool | wrench

Le HTML/CSS utilisé pour afficher les caractères est le suivant 😂 <span style="font-size: 24px">😂</span> <span style="font-size: 40px">😂</span> <span style="font-family: 'Noto Color Emoji', 'Apple Color Emoji','Segoe UI Emoji', Times, Symbola, Aegyptus, Code2000, Code2001, Code2002, Musica, serif, LastResort; font-size: 40px">😂</span>

Certains emoji peuvent avoir des variantes définies avec des codes ajoutés au code de base. Un exemple est la couleur de peau ou des cheveux. La couleur, par exemple U+1F3FF pour "medium" dark est un caractère sans espacement, donc il se pose par dessus. Ensuite, il existe des séquences d'emoji aus sens propre, par exemple une famille avec papa, maman, un garçon et une fille. Techniquement parlé, ces emoji sont combinées par superposition en en seul symbole affiché: «An Emoji ZWJ Sequence is a combination of multiple emojis which display as a single emoji on supported platforms. These sequences are joined with a Zero Width Joiner character.» (Emoji ZWJ Sequence). Le code du caractère (zéro largeur) est le U+200D (HTML &#8205; ou &zwj;). Le tableau ci-dessous montre des exemples

Le tableau suivant présent des exemples de variantes et des combinaisons. Le vampire par défaut peut être un home, une femme, ou encore une image neutre selon votre navigateur, mais on peut explicitement choisir entre un vampire home ou femme. Ensuite le tableau montre un exemple de couleur de peau "medium-dark skin tone" et un emoji combiné. Pour finir, on affiche des séquences Zero Width Joiner.

Variantes emoji
Code Affichages

dans votre navigateur (defaut, 24px et 40px en 2 variantes)

Nom court CLDR Shortcode

(utilisé dans les messageries)

Mots clefs
U+1F9DB U+200D U+2640 U+FE0F 🧛‍♀️ 🧛‍♀️ 🧛‍♀️ 🧛‍♀️ woman vampire :vampire_woman: (Github)

:woman_vampire: (Emojipedia)

:female_vampire: (Slack)

undead | woman vampire
U+1F9DB U+200D U+2642 U+FE0F 🧛‍♂️ 🧛‍♂️ 🧛‍♂️ 🧛‍♂️ man vampire undead | man vampire
U+1F478 U+1F3FF 👸🏾 👸🏾 👸🏾 👸🏾 princess: medium-dark skin tone :princess_medium_dark_skin_tone: (Emojipedia)
U+1F469 U+1F3FE U+200D U+1F91D U+200D U+1F469 U+1F3FC 👩🏾‍🤝‍👩🏼 👩🏾‍🤝‍👩🏼 👩🏾‍🤝‍👩🏼 👩🏾‍🤝‍👩🏼 women holding hands: medium-dark skin tone, medium-light skin tone
U+1F468 U+200D U+1F469 U+200D U+1F467 U+200D U+1F466 👨‍👩‍👧‍👦 👨‍👩‍👧‍👦 👨‍👩‍👧‍👦 👨‍👩‍👧‍👦 family: man, woman, girl, boy boy | family | girl | man | woman

Différences entre graphismes

Au même titre que les lettre dans une fonte, les emoji ont une apparence différente selon la police utilisée, donc les images n'ont pas les même look mais on les reconnaît.

Par exemple le "face with tears of joy" 😂 est représenté de la façon suivante:

https://emojipedia.orgVariantes d'images emoji de différents vendeurs (apple, google, facebook, windows, twitter, joy, samsung)

Voici trois variantes de l'emoji ":bomb:" 💣 (emojipedia en liste d'autres)

Emoji les plus populaires

Selon l'officiel Unicode Emoji frequency:

0 😂 ❤️
1 😍 🤣
2 😊 🙏 💕 😭 😘
3 👍 😅 👏 😁 ♥️ 🔥 💔 💖 💙 😢 🤔 😆 🙄 💪 😉 ☺️ 👌 🤗
4 💜 😔 😎 😇 🌹 🤦 🎉 ‼️ 💞 ✌️ ✨ 🤷 😱 😌 🌸 🙌 😋 💗 💚 😏 💛 🙂 💓 🤩 😄 😀 🖤 😃 💯 🙈 👇 🎶 😒 🤭 ❣️
5 ❗ 😜 💋 👀 😪 😑 💥 🙋 😞 😩 😡 🤪 👊 ☀️ 😥 🤤 👉 💃 😳 ✋ 😚 😝 😴 🌟 😬 🙃 🍀 🌷 😻 😓 ⭐ ✅ 🌈 😈 🤘
6 💦 ✔️ 😣 🏃 💐 ☹️ 🎊 💘 😠 ☝️ 😕 🌺 🎂 🌻 😐 🖕 💝 🙊 😹 🗣️ 💫 💀 👑 🎵 🤞 😛 🔴 😤 🌼 😫 ⚽ 🤙 ☕ 🏆 🧡 🎁 ⚡ 🌞 🎈 ❌ ✊ 👋 😲 🌿 🤫 👈 😮 🙆 🍻 🍃 🐶 💁 😰 🤨 😶 🤝 🚶 💰 🍓 💢
7 🇺🇸 🤟 🙁 🚨 💨 🤬 ✈️ 🎀 🍺 🤓 😙 💟 🌱 😖 👶 ▶️ ➡️ ❓ 💎 💸 ⬇️ 😨 🌚 🦋 😷 🕺 ⚠️ 🙅 😟 😵 👎 🤲 🤠 🤧 📌 🔵 💅 🧐 🐾 🍒 😗 🤑 🚀 🌊 🤯 🐷 ☎️ 💧 😯 💆 👆 🎤 🙇 🍑 ❄️ 🌴 🇧🇷 💣 🐸 💌 📍 🥀 🤢 👅 💡 💩 ⁉️ 👐 📸 👻 🤐 🤮 🎼 ✍️ 🚩 🍎 🍊 👼 💍 📣 🥂 ⤵️ 📱 ☔ 🌙
8 🍾 🎧 🍁 ⭕ 🏀 ☠️ ⚫ 🖐️ 😧 🎯 📲 ☘️ 👁️ 🍷 👄 🐟 🍰 💤 🕊️ 📺 💭 🐱 🐝 🇲🇽 🧚 🔝 📢 📷 🐕 🎸 🔫 🤚 🍭 🍆 💉 🌎 😦 🌀 👿 ☑️ 🎥 🌧️ 👽 🍋 🤒 🤡 🍫 📚 🏁 🤕 🦄 🍅 🚗 🚫 💵 ⚾ 🔪 🔔 ♨️ 🌳 🔊 🍬 💏 🍼 🍜 🐼 🙉 🐈 🐻 🤸 🌝 👸 🍕 🍌 🍦 ⚪ 👩 😿 🍂 📞 ⏰ 🔞 🌍 🌠 🙀 ▪️ ☁️ 👹 🍉 🐥 🌶️ 1️⃣ 🌵 🇮🇳 👧 🍄 👮 💮 🐰 🔷 🌾 🔹 🇹🇷 🥇 🇮🇹

La popularité des emoji change aussi selon la saison, comme on peut voir sur https://emojipedia.org/ le 2 déc. 2020: Noel approche.

🎄 Christmas Tree
❤️ Red Heart
🥺 Pleading Face
✨ Sparkles
🎁 Wrapped Gift
😂 Face with Tears of Joy
🎅 Santa Claus
🔥 Fire
😊 Smiling Face with Smiling Eyes

Identifier un emoji

Pour utiliser un emoji, il faut trouver le dessin dans une fonte emoji. Donc avant de se focaliser sur un caractère et une fonte précise on conseille de parcourir les variantes.

Pour trouver et sélectionner un emoji il existe plusieurs solutions:

La solution la plus simple consiste à consulter Emojipedia.

  1. Vous pouvez soit chercher par mots, soit parcourir les catégories
  2. Une fois trouvé une page vous pouvez examiner les variantes, et copier/coller le caractère dans votre éditeur web ou application qui soutient les emoji.
  3. Ce site ne contient pas les graphismes SVG, donc il faut juste noter le code ou au moins le nom utilisé par un vendeur
  4. Emojipedia liste également le "shortcode" utilisé dans les messageries instantanées.

Vous pouvez aussi utiliser la base de données officielle de unicode.org:

  1. https://www.unicode.org/emoji/charts-13.1/emoji-list.html (version 13, nov 2020)
  2. Cherchez un mot dans la page HTML affichée (CTRL-F dans le navigateur)
  3. Cliquez sur le code à gauche, cela va afficher une page avec des variantes. Notez le code, par exemple 1F9DB pour le vampire
  4. Identifiez l'image qui vous plaît le plus et essayez de trouver le graphisme SVG (c.f. ci-dessous). Certains, comme ceux de Apple, ne sont pas libres.
    Emoji "Vampire" chez OpenMoji.org, variante "peau jaune".

Une solution similaire, mais plus simple, est de consulter openMoji.org, un projet qui implémente un système emoji complet (donc y compris les graphismes)

  1. OpenMoji.org
  2. Soit utilisez le moteur de recherche, soit naviguez dans la bibliothèque
  3. Si l'image vous plaît, vous pouvez directement récupérer le SVG. Cliquez sur l'image. Notez que vous pouvez aussi sélectionner la couleur de peau ou des traits noirs en bas de page. Cliquer sur SVG vous offre le choix d'enregistrer le fichier ou de l'afficher dans le navigateur (pour l'enregistrer "sous" dans la suite).
  4. Si l'image ne vous plaît pas, notez le code, par exemple 1F9DBpour le vampire.
Iconify.design Noto Emoji example (Vampire)

Claviers emoji

La plupart des applications mobiles (y compris les claviers du système) soutiennent l'insertion d'emoji. On peut soit naviguer par grandes catégories, soit chercher avec un mot clefs.

Télécharger le SVG d'un Emoji

Pour trouver l'image SVG d'un emoji il est utile connaître son code (cf. juste ci-dessus), mais ce n'est pas une nécessité, car il existe des sites inventaires et dépôts.

Télécharger un emoji en SVG depuis Iconify.design

Iconify.design met à disposition plusieurs jeux (collections) emoji. Il faut donc d'abord choisir une collection, ci-dessous on liste les plus importantes. Ensuite, cherchez le graphisme emoji que vous désirez. Notez que certaines collections ne sont pas complètes UniCode 13 (ou mieux).

Collections Emoji de Iconfiy.design:

Une fois trouvé votre emoji, vous pouvez soit télécharger le code SVG (utile si vous savez utiliser l'éditeur SVG), soit le fichier SVG (conseillé). Notez que le code SVG peut contenir un rectangle noir qui cache le dessin et qu'il va falloir enlever.

Alternatives

Le site qui permet de chercher et de télécharger un SVG le plus facilement est OpenMoji.org, mais certains graphiques ne vous plaisent pas forcément. En plus de OpenMoji, Twitter et Google mettent aussi à dispositions leurs icônes en open source. Soit vous récupérez leurs archives sur Github, soit vous utilisez un site tiers comme iconify., présenté ci-dessus.

En résumé: Explorer sur Emojipedia, télécharger sur Iconify.design

Utilisation d'emoji et propriétés langagières

Selon Gawne et McCulloch (2019) [1], la communication écrite en ligne souffre du problème que le texte ne transporte ni inflexions vocales, ni gestes: «Without the additional information provided by tone of voice and body language in face-to-face communication, it is easy for internet users to miss each other's sarcasm, fail to divine humour, and misinterpret a range of emotions» (Crystal, 2001; Dresner & Herring, 2010; McCulloch, 2019). Par rapport à d'autres artéfacts comme les emoticons les GIFs animés, les emoji sont à la fois des images colorés et de lettres et s'intègrent donc parfaitement dans un texte. Ainsi, selon Emogi Research Team, 2016 cités par Gawne et McCulloch (2019), les emoji sont utilisés par 92% de la population mondiale. Ces auteurs ont distingué trois vagues de de compréhensions de la fonction des emoji: l'emoji comme substitut de la langue, l'emoji comme indicateur émotionnel et l'emoji comme indicateur pragmatique précisant l'intention de l'orateur.

Selon Gawne et McCulloch (2019), la fonction langagière des emoji est disputée. Certains auteurs argument les emoji n'ont pas les caractéristiques qui caractérisent un langage (Dürscheid and Siever, 2017), d'autres retrouvent une émergence d'un langage basé sur des séquences (Ge and Herring, 2018).

Liens

Fichiers emoji

  • Twemoji de Twitter (requires technical skills, i.e. pulling a GitHub archive): format SVG et PNG
  • OpenMoji.org (as of Nov 2020, supports version 13): format SVG et PNG
  • Noto Emoji fonts de Google (requires technical skills, pulling a GitHub archive): format SVG et PNG

Catalogues emoji

Références

Variés

  • Crystal, D. (2001). Language and the Internet. Cambridge: Cambridge University Press.
  • Dresner, E., & Herring, S. C. (2010). Functions of the nonverbal in CMC: Emoticons and illocutionary force. Communication Theory, 20(3), 249-268.
  • Dürscheid, C., & Siever, C. M. (2017). Jenseits des Alphabets–Kommunikation mit Emojis. Zeitschrift für germanistische Linguistik, 45(2), 256-285.
  • Ge, J., & Herring, S. C. (2018). Communicative functions of emoji sequences on Sina Weibo. First Monday, 23(11). Available at https://firstmonday.org/ojs/index.php/fm/article/view/9413/7610
  • McCulloch, G., & Gawne, L. (2018). Emoji grammar as beat gestures. In S. Wijeratne, E. Kiciman, H. Saggion, & A. Sheth (Eds.), Proceedings of the 1st International Workshop on Emoji Understanding and Applications in Social Media (Emoji2018), Stanford, CA, USA, 25-JUN-2018 (Emoji2018). Available at http://ceur-ws.org/Vol-2130/short1.pdf

Cités dans le texte

  1. Gawne, L., Gawne, L., & McCulloch, G. (2019). Emoji as digital gestures. Language@Internet, 17(2). Retrieved from https://www.languageatinternet.org/articles/2019/gawne