Googleスライドに絵文字が白黒で表示される


26

スライドショーで絵文字を使用しています。ただし、スライドショーを再生すると、絵文字が白黒で表示されます。

これを修正する方法はありますか?

ショーを.pptxファイルとしてダウンロードできることは知っていますが、YouTubeビデオをいくつか含めたいので、Googleスライドに保存する必要があります。

プレビューモードの場合:

プレビューモード

プレゼンテーションモードの場合:

プレゼンテーションモード


プレゼンテーションをどのように編集していますか?Appleデバイスですか?
user3554664

ウェブ上で。MacBookを使用していますが、
Chrome

回答:


16

絵文字は、プラットフォームごとに異なって表示されます。比較チャートを参照してください。これは、ブラウザよりもオペレーティングシステムに依存します。以下は、ピザのスライスキャラクターの比較です。

Mac:林檎Windows 7: Chrome / WinChrome OS:Chrome / Chrome OD

(すべてChromeブラウザから)。そして、これはキャラクター自体であり、現在使用しているブラウザーによってレンダリングされます。

🍕

この種類は、プレゼンテーションが準備されたコンピューター以外のコンピューターから配信されることが多いオンラインベースのプレゼンテーションにはほとんど受け入れられません。現在、GoogleはSVGフォント(明らかに、独自のフォント)を使用してこれに対処しています。たとえば、これはピザスライスのレンダリングです。

<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>

結果:

プレゼンテーションモード

これにより、スライドはプラットフォームに依存しなくなりますが、カラフルな(独自のアイコンである可能性もありません)コストがかかります。

ルベンが示唆したように、画像の挿入は機能します。画像をプレゼンテーションにコピーアンドペーストして、たとえばファイル形式のページから取得することができます。


Googleはsvg > pathタグを使用してEMOJISを再描画しているようです。
ルベン


まだこれが事実であることをいらいらさせます。黒と白のバージョンは、性別のマークアップを適切に処理していないようです。そのため、プレゼンテーションは編集モードのFirefoxで完全に表示され、その後プレゼンテーションモードで壊れて見えます。
スティーブベネット

6

短い答え

私が理解しているように、OPが話している絵文字UNICODE絵文字です。

残念ながら、現時点では、Googleスライドのプレゼンテーションモードではフルカラーで表示されないため、UNICODE絵文字を使用する代わりに画像を使用してください。そのために、スクリーンショットを撮って絵文字を切り取ることができます。

説明

UNICODE絵文字は、テキストとインラインで使用できる概念を絵で表したものであり、同じように見える必要はありません(1,2)。

Google Docs、Google Drawings、およびGoogle Slides Insert > Special Character...では、メニュー、コピー、貼り付け、または特定のキーの組み合わせを押すことにより、他の記号にUNICODE絵文字を挿入できますが、オペレーティングシステムとブラウザのすべての組み合わせですべての特殊文字を使用できるわけではありませんそのような場合、代わりに「豆腐文字」(空のボックス)が表示されます。ただし、Googleスライドエディションモードで特殊文字が正しくフルカラーで表示されていても、プレゼンテーションモードでは同じように表示できませんでした。

Chrome OSバージョン48.0.2564.48ベータ版のChromebookを使用していくつかのテストを行いました。

テスト1:私は、 UNICODE絵文字を保持するテキストブロックのみを含む1つの空のスライドでプレゼンテーションを作成しました。白黒でレンダリングされました。Chrome開発者ツールを使用してページのソースを調べたところ、ピザスライスがsvg> path htmlタグを使用して描画されていることがわかりました。次に、編集モードのプレゼンテーションでピザのスライスのコードを調べます。また、svg> path htmlタグを使用して描画されてレンダリングされました。属性はわずかに異なっていました。
ピザ片

テスト2:アルファベット文字を追加しました。svg> path htmlタグを使用して描画され、レンダリングされました。

今日少し調べてみると、アイコンフォントの使用と比較した記事(3)が見つかりました。インラインSVGと、UNICODE絵文字に色を適用する方法など、インラインSVGの使用について説明している別の例。Googleスライドの開発者はこれらの記事を読むべきだと思います:)

参照資料

(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/

関連する回答

/webapps//a/84662/88163


4

回避策として、絵文字を絵文字ペディアからコピーして画像として挿入しました。これは、必要な絵文字を正確に取得する唯一の方法です。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.