Google Slides affiche les émoticônes en noir et blanc
J'utilise emoji dans un diaporama. Cependant, lorsque je joue le diaporama, les émoticônes apparaissent en noir et blanc.
Une idée comment résoudre ce problème?
Je sais que je peux télécharger l’émission au format .pptx, mais je souhaite également inclure des vidéos YouTube. C’est pourquoi je dois les conserver dans Google Slides.
En mode Aperçu:
En mode présentation:
Les caractères emoji sont rendus différemment sur différentes plates-formes: voir le tableau de comparaison . Cela dépend plus du système d'exploitation que du navigateur. Voici une comparaison de tranche de pizza caractère:
Mac: 
Windows 7: 
Chrome OS: 
(Tout à partir de Chrome navigateur). Et c'est le personnage lui-même, rendu par le navigateur que vous utilisez actuellement.
????
Cette variété est difficilement acceptable pour les présentations en ligne, qui sont souvent livrées à partir d'un ordinateur autre que celui sur lequel la présentation a été préparée. Actuellement, Google gère cela en utilisant une police SVG (apparemment la leur), par exemple, il s'agit du rendu de la part de pizza:
<path fill="#333333" d="m108.990036 308.3322q0 0.96875 -0.25 2.203125q-0.09375 0.453125 -0.359375 0.75q-0.25 0.28125 -0.640625 0.5q-0.375 0.21875 -2.71875 1.078125q-2.34375 0.859375 -7.140625 2.4375l-0.953125 0.3125q-1.859375 0.59375 -2.40625 1.6875q-0.703125 1.28125 -2.125 1.28125q-0.453125 0 -0.828125 -0.15625q-0.375 -0.15625 -0.703125 -0.328125q-0.328125 -0.171875 -0.640625 -0.328125q-0.3125 -0.15625 -0.640625 -0.15625q-0.625 0 -1.015625 0.546875q-0.84375 1.125 -2.3125 1.125q-0.453125 0 -1.046875 -0.234375q-0.609375 -0.21875 -0.828125 -0.21875q-0.484375 0 -0.796875 0.515625q-0.296875 0.5 -0.359375 1.265625q-0.109375 0.875 -0.75 1.46875q-0.625 0.59375 -1.40625 0.59375q-1.4375 0 -2.125 -1.890625q-0.6875 -1.90625 -0.6875 -3.75q0 -2.34375 1.328125 -4.75q1.34375 -2.40625 4.78125 -6.78125l3.890625 -5.0q0.265625 -0.375 0.609375 -0.828125q0.34375 -0.453125 0.375 -0.9375q0.21875 -2.140625 1.34375 -3.3125q1.125 -1.171875 2.953125 -1.171875q0.90625 0 2.125 0.296875q1.21875 0.296875 2.078125 0.640625q4.890625 1.8125 8.0625 5.421875q3.1875 3.609375 3.1875 7.71875zm-16.59375 8.84375q0.59375 0 0.875 -0.53125q0.3125 -0.59375 0.765625 -1.015625q0.46875 -0.4375 1.0 -0.71875q0.53125 -0.296875 1.90625 -0.765625q2.5625 -0.828125 4.40625 -1.453125q1.859375 -0.625 3.765625 -1.34375q1.90625 -0.71875 2.078125 -0.859375q0.171875 -0.140625 0.171875 -0.265625q0.234375 -1.125 0.234375 -1.796875l-0.03125 -0.890625q-0.234375 -0.59375 -0.578125 -0.953125q-0.328125 -0.359375 -0.953125 -0.359375q-1.09375 0 -1.640625 0.625q-0.546875 0.609375 -0.546875 1.59375q0 1.28125 -1.109375 1.828125q-1.265625 0.484375 -2.5 0.703125q-1.1875 0.234375 -1.65625 0.40625q-1.375 0.53125 -2.796875 0.96875l-11.0 3.59375q-0.875 0.28125 -1.75 0.484375q-0.859375 0.203125 -1.46875 0.53125q-0.15625 0.109375 -0.296875 0.109375q-0.203125 0 -0.375 -0.15625q-0.171875 -0.15625 -0.171875 -0.421875q0 -0.703125 2.0625 -1.171875q2.515625 -0.65625 4.9375 -1.5l4.921875 -1.625q4.375 -1.421875 5.53125 -1.875q0.578125 -0.234375 1.140625 -0.3125q1.15625 -0.15625 2.09375 -0.453125q0.9375 -0.296875 1.09375 -0.453125q-0.1875 -0.859375 -0.484375 -1.59375q-0.390625 0.65625 -1.203125 1.046875q-0.8125 0.390625 -1.6875 0.390625q-1.15625 0 -1.921875 -0.59375q-0.75 -0.609375 -0.75 -1.5625l0 -0.265625l0.015625 -0.21875q0.03125 -0.4375 0.421875 -0.953125q0.390625 -0.515625 0.984375 -0.859375q0.609375 -0.34375 1.265625 -0.34375q0.515625 0 1.078125 0.15625q-1.46875 -1.84375 -3.15625 -2.796875q-1.671875 -0.96875 -3.78125 -1.234375q0.5625 0.5625 0.5625 1.453125q0 0.9375 -1.0 1.78125q-1.0 0.828125 -2.25 0.828125q-0.90625 0 -1.578125 -0.375q-0.671875 -0.390625 -0.828125 -1.09375q-1.40625 1.875 -3.09375 3.921875q1.203125 0 2.046875 0.65625q0.84375 0.65625 0.84375 1.625q0 1.0625 -0.96875 1.78125q-0.953125 0.71875 -2.15625 0.71875q-0.65625 0 -1.34375 -0.265625q-0.6875 -0.28125 -1.09375 -0.84375q-1.796875 2.71875 -2.296875 4.015625q-0.5 1.296875 -0.5 2.5625q0 1.359375 0.453125 2.796875q0.46875 1.421875 0.984375 1.421875q0.25 0 0.453125 -0.234375q0.21875 -0.234375 0.328125 -0.578125q0.25 -1.421875 0.890625 -2.21875q0.640625 -0.796875 1.640625 -0.796875q0.453125 0 1.546875 0.390625l0.328125 0.078125q0.828125 0 1.171875 -0.578125q0.828125 -1.109375 2.15625 -1.109375q0.46875 0 0.828125 0.15625q0.359375 0.15625 0.671875 0.328125q0.328125 0.171875 0.640625 0.328125q0.3125 0.15625 0.671875 0.15625zm1.140625 -21.546875q-1.21875 0 -1.984375 0.8125q-0.765625 0.796875 -0.921875 2.421875l1.78125 0.125q2.734375 0.390625 4.21875 1.03125q1.484375 0.640625 2.703125 1.71875q1.234375 1.0625 2.15625 2.390625q0.9375 1.328125 1.53125 2.8125q0.390625 -0.859375 1.125 -1.34375q0.75 -0.484375 1.625 -0.484375q0.859375 0 1.265625 0.171875q-0.609375 -1.65625 -1.96875 -3.359375q-1.34375 -1.703125 -3.34375 -3.09375q-1.984375 -1.40625 -4.34375 -2.296875q-2.359375 -0.90625 -3.84375 -0.90625zm-4.734375 14.21875q0 -0.984375 0.75 -1.53125l0.578125 -0.359375q-0.1875 -0.390625 -0.1875 -0.765625q0 -0.734375 0.609375 -1.203125q0.625 -0.484375 1.53125 -0.484375q1.609375 0 1.90625 1.25l0.453125 -0.0625q0.796875 0 1.375 0.59375q0.578125 0.578125 0.578125 1.4375q0 0.859375 -0.640625 1.390625q-0.625 0.515625 -1.609375 0.515625q-0.53125 0 -1.03125 -0.125q-0.84375 1.328125 -2.3125 1.328125q-0.859375 0 -1.421875 -0.546875q-0.546875 -0.546875 -0.578125 -1.4375zm1.75 -0.828125q-0.640625 0.28125 -0.640625 0.796875q0 0.421875 0.28125 0.65625q0.28125 0.234375 0.609375 0.234375q0.828125 0 1.359375 -0.78125q0.28125 -0.65625 0.828125 -0.65625q0.28125 0 0.609375 0.21875q0.84375 0 1.25 -0.109375q0.40625 -0.109375 0.40625 -0.65625q0 -0.375 -0.21875 -0.640625q-0.203125 -0.28125 -0.59375 -0.28125l-0.359375 0.078125q-0.203125 0.21875 -0.640625 0.21875q-0.25 0 -0.421875 -0.203125q-0.15625 -0.203125 -0.15625 -0.5l0.03125 -0.328125q0 -0.453125 -0.8125 -0.453125q-0.546875 0 -0.78125 0.21875q-0.234375 0.203125 -0.234375 0.359375q0 0.234375 0.09375 0.390625q0.46875 0.109375 0.46875 0.78125q0 0.3125 -0.203125 0.5q-0.203125 0.1875 -0.546875 0.1875l-0.328125 -0.03125z" fill-rule="nonzero"></path>
Le résultat:
Cela rend les diapositives indépendantes de la plate-forme, mais au prix de l'absence d'icônes colorées (éventuellement propriétaires).
Comme Rubén l'a suggéré, l'insertion d'images fonctionne; vous pouvez copier-coller une image dans une présentation, en la prenant par exemple à partir de fileformat pages.
Réponse courte
Si je comprends bien, les émoticônes dont parle le PO sont émoticônes UNICODE .
Malheureusement, à ce stade, le mode de présentation de Google Slides ne les affiche pas en couleur. Par conséquent, au lieu d'utiliser des émoticônes UNICODE, utilisez des images. Pour cela, vous pouvez prendre une capture d'écran et extraire les émojis.
Explication
Les émoticônes UNICODE sont une représentation imagée de concepts qui pourraient être utilisés en ligne avec le texte sans avoir à se ressembler (1,2).
Google Docs, Google Drawings et Google Slides permettent d'insérer des émoticônes UNICODE parmi d'autres symboles via le menu Insert > Special Character..., en copiant/collant ou en appuyant sur certaines combinaisons de touches, mais tous les caractères spéciaux ne sont pas disponibles pour toutes les combinaisons de systèmes de navigation et navigateurs, dans ce cas, un "caractère de tofu" (une case vide) sera affiché à la place. Toutefois, même si le caractère spécial est affiché correctement et en couleur dans le mode d’édition Google Diapositives, il ne peut pas être affiché de la même manière en mode de présentation.
J'ai effectué des tests avec un Chromebook avec Chrome OS version 48.0.2564.48 bêta.
Test 1: J'ai créé une présentation avec une diapositive vierge comprenant uniquement un bloc de texte
UNICODE emoji. C'était rendu en noir et blanc. J'ai examiné la source de la page à l'aide des outils de développement Chrome et constaté que la tranche de pizza avait été rendue à l'aide des balises html svg> path et qu'elle était dessinée. Ensuite, je regarde le code de la tranche de pizza dans la présentation en mode édition. Il a également été restitué à l’aide des balises html svg> path et d’être dessiné. Les attributs étaient légèrement différents.
Test 2: J'ai ajouté des caractères d'alphabet, ils ont également été rendus en utilisant svg> chemin des balises HTML et en étant dessinés.
Après avoir cherché un peu aujourd'hui, j'ai trouvé un article (3) dans lequel on compare l'utilisation des polices de caractères Vs. SVG en ligne et un autre où l’utilisation de SVG en ligne est expliquée, y compris comment appliquer de la couleur aux émoticônes UNICODE. Je pense que les développeurs de Google Slide devraient lire ces articles :)
Références
(1) http://www.unicode.org/emoji/
(2) http://www.unicode.org/faq/emoji_dingbats.html
(3) https://css-tricks.com/icon-fonts-vs-svg/
(4) https://css-tricks.com/svg-sprites-use-better-icon-fonts/
Réponses associées
Pour contourner le problème, j'ai inséré les émoticônes sous forme d'images en les copiant depuis emojipedia. C'est le seul moyen d'obtenir exactement les émoticônes dont j'avais besoin.