From 8f63c3830814e257e2931fa4d8a6fc0e240753ff Mon Sep 17 00:00:00 2001 From: Etienne Lemay Date: Fri, 15 Dec 2017 15:14:58 -0500 Subject: [PATCH] Use 256-color indexed sheets by default Reduces sheets size by half --- README.md | 44 ++++++++++++++++++++++++----------------- src/components/emoji.js | 2 +- 2 files changed, 27 insertions(+), 19 deletions(-) diff --git a/README.md b/README.md index b6aeefe0b..c85670bd2 100644 --- a/README.md +++ b/README.md @@ -68,24 +68,32 @@ categories: { #### Sheet sizes Sheets are served from [unpkg](https://unpkg.com), a global CDN that serves files published to [npm](https://www.npmjs.com). -| Set | sheetSize | Size | -| -------- | --------- | -------- | -| apple | 16 | 938.7 kB | -| apple | 20 | 1.3 MB | -| apple | 32 | 2.6 MB | -| apple | 64 | 7.2 MB | -| emojione | 16 | 805.5 kB | -| emojione | 20 | 1.1 MB | -| emojione | 32 | 2.0 MB | -| emojione | 64 | 2.7 MB | -| google | 16 | 622.6 kB | -| google | 20 | 849.8 kB | -| google | 32 | 1.6 MB | -| google | 64 | 3.6 MB | -| twitter | 16 | 776.0 kB | -| twitter | 20 | 1.0 MB | -| twitter | 32 | 1.9 MB | -| twitter | 64 | 4.2 MB | +| Set | sheetSize | Size | +| --------- | --------- | -------- | +| apple | 16 | 334 KB | +| apple | 20 | 459 KB | +| apple | 32 | 1.08 MB | +| apple | 64 | 2.94 MB | +| emojione | 16 | 315 KB | +| emojione | 20 | 435 KB | +| emojione | 32 | 1020 KB | +| emojione | 64 | 2.33 MB | +| facebook | 16 | 322 KB | +| facebook | 20 | 439 KB | +| facebook | 32 | 1020 KB | +| facebook | 64 | 2.5 MB | +| google | 16 | 301 KB | +| google | 20 | 409 KB | +| google | 32 | 907 KB | +| google | 64 | 2.17 MB | +| messenger | 16 | 325 KB | +| messenger | 20 | 449 MB | +| messenger | 32 | 1.05 MB | +| messenger | 64 | 2.69 MB | +| twitter | 16 | 288 KB | +| twitter | 20 | 389 KB | +| twitter | 32 | 839 KB | +| twitter | 64 | 1.82 MB | #### Examples of `emoji` object: ```js diff --git a/src/components/emoji.js b/src/components/emoji.js index 7f881f5f8..95cba546f 100644 --- a/src/components/emoji.js +++ b/src/components/emoji.js @@ -160,7 +160,7 @@ Emoji.defaultProps = { forceSize: false, tooltip: false, backgroundImageFn: (set, sheetSize) => - `https://unpkg.com/emoji-datasource-${set}@${EMOJI_DATASOURCE_VERSION}/img/${set}/sheets/${sheetSize}.png`, + `https://unpkg.com/emoji-datasource-${set}@${EMOJI_DATASOURCE_VERSION}/img/${set}/sheets-256/${sheetSize}.png`, onOver: () => {}, onLeave: () => {}, onClick: () => {},