web-dev-qa-db-ja.com

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

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

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

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

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

Preview Mode

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

Presentation Mode

26
Adam_G

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

マック: - Apple Windows 7: Chrome/Win Chrome 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>

結果:

Presentation mode

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

ルベンが示唆したように、画像の挿入は機能します。たとえば、 fileformat pagesから画像をコピーしてプレゼンテーションに貼り付けることができます。

16
user79865

簡潔な答え

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

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

説明

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

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

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

テスト1:空白のスライドを1つ含むプレゼンテーションを作成しました。
pizza slice
UNICODE絵文字。白黒でレンダリングされました。 Chrome Developerツールを使用してページのソースを調べたところ、ピザのスライスが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/

関連する回答

https://webapps.stackexchange.com/a/84662/8816

6
Rubén

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

4
ajawadmahmoud