Google 프레젠테이션은 이모티콘을 흑백으로 표시합니다


26

슬라이드 쇼에서 이모티콘을 사용하고 있습니다. 그러나 슬라이드 쇼를 재생할 때 이모티콘이 흑백으로 표시됩니다.

이 문제를 해결하는 방법에 대한 아이디어가 있습니까?

프로그램을 .pptx 파일로 다운로드 할 수 있지만 YouTube 동영상도 포함하고 싶어서 Google 프레젠테이션에 보관해야합니다.

미리보기 모드에서 :

미리보기 모드

프리젠 테이션 모드에서 :

프리젠 테이션 모드


프레젠테이션을 어떻게 편집하고 있습니까? Apple 기기에서?
user3554664

웹에서. 저는 MacBook을 사용하고 있지만 크롬 브라우저
Adam_G

답변:


16

그림 문자는 플랫폼마다 다르게 렌더링됩니다 : 비교 차트를 참조하십시오 . 이것은 브라우저보다 운영 체제에 더 의존합니다. 다음은 피자 슬라이스 문자를 비교 한 것입니다 .

맥 : 사과윈도우 7 : 크롬 / 승 Chrome OS :크롬 / 크롬 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>

결과:

프리젠 테이션 모드

이로 인해 슬라이드는 플랫폼에 독립적이지만 다채로운 (아마도 독점) 아이콘이 없어 비용이 발생합니다.

Rubén이 제안했듯이 이미지 삽입 작업이 효과적입니다. 이미지를 프리젠 테이션에 복사하여 붙여 넣기 (예 : 파일 형식 페이지에서) 할 수 있습니다.


Google이 svg > path태그 를 사용하여 EMOJIS를 다시 그리는 것 같습니다 .
Rubén


여전히 그렇습니다. 흑백 버전은 성별 마크 업을 제대로 처리하지 못하는 것 같습니다. 따라서 프리젠 테이션은 Firefox에서 편집 모드로 완벽하게 표시되고 프리젠 테이션 모드에서는 깨져 보입니다.
Steve Bennett

6

짧은 답변

내가 이해하는 것처럼 OP가 말하는 이모티콘유니 코드 이모티콘입니다. 입니다.

불행히도 현재 Google 프레젠테이션 프리젠 테이션 모드에서는 풀 컬러로 표시되지 않으므로 유니 코드 이모티콘을 사용하는 대신 이미지를 사용하십시오. 이를 위해 스크린 샷을 찍고 이모티콘을 찍을 수 있습니다.

설명

유니 코드 이모지는 텍스트와 함께 사용할 수있는 개념을 그림으로 표현한 것으로, 동일하게 보일 필요는 없습니다 (1,2).

Google 문서, Google 드로잉 및 Google 프레젠테이션을 사용하면 메뉴를 통해 다른 기호들 사이에 유니 코드 이모티콘을 삽입 할 수 있습니다 Insert > Special Character... 를 통해 복사 및 붙여 넣기 또는 특정 키 조합을 눌러 있지만 운영 체제와 브라우저의 모든 조합에서 모든 특수 문자를 사용할 수있는 것은 아닙니다. 이러한 경우 "두부 문자"(빈 상자)가 대신 표시됩니다. 그러나 Google 프레젠테이션 에디션 모드에서 특수 문자가 올바르게 표시되고 풀 컬러로 표시 되더라도 프리젠 테이션 모드에서 같은 방식으로 표시되지 않습니다.

Chrome OS 버전 48.0.2564.48 베타 버전의 Chromebook을 사용하여 몇 가지 테스트를 수행했습니다.

테스트 1 : UNICODE 이모티콘 을 담을 텍스트 블록 만 포함하여 하나의 빈 슬라이드가있는 프레젠테이션을 만들었습니다 . 흑백으로 렌더링되었습니다. Chrome 개발자 도구를 사용하여 페이지 소스를 살펴보고 svg> path html 태그를 사용하여 피자 슬라이스가 렌더링되고 그려지는 것을 발견했습니다. 그런 다음 편집 모드의 프레젠테이션에서 피자 슬라이스 코드를 살펴보고 svg> path html 태그를 사용하여 렌더링했습니다. 속성이 약간 다릅니다.
피자 조각

테스트 2 : 알파벳 문자를 추가했는데 svg> path html 태그를 사용하여 그려지고 그려졌습니다.

오늘 조금 연구 한 결과 아이콘 글꼴 Vs의 사용이 비교되는 기사 (3)을 발견했습니다. 인라인 SVG 및 인라인 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/88163


4

이 문제를 해결하기 위해 그림 이모티콘을 그림 이모티콘에서 복사하여 이미지로 삽입했습니다. 이것은 내가 필요한 그림 이모티콘을 정확하게 얻는 유일한 방법입니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.