treehouse
/
emoji-mart-lazyload
20
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use 256-color indexed sheets by default 

Reduces sheets size by half
release
Etienne Lemay 2017-12-15 15:14:58 -05:00
parent e4977e4f0d
commit 8f63c38308
2 changed files with 27 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
README.md
View File

@ -68,24 +68,32 @@ categories: {
#### Sheet sizes #### Sheet sizes
Sheets are served from [unpkg](https://unpkg.com), a global CDN that serves files published to [npm](https://www.npmjs.com). Sheets are served from [unpkg](https://unpkg.com), a global CDN that serves files published to [npm](https://www.npmjs.com).
| Set | sheetSize | Size | | Set | sheetSize | Size |
| -------- | --------- | -------- | | --------- | --------- | -------- |
| apple | 16 | 938.7 kB | | apple | 16 | 334 KB |
| apple | 20 | 1.3 MB | | apple | 20 | 459 KB |
| apple | 32 | 2.6 MB | | apple | 32 | 1.08 MB |
| apple | 64 | 7.2 MB | | apple | 64 | 2.94 MB |
| emojione | 16 | 805.5 kB | | emojione | 16 | 315 KB |
| emojione | 20 | 1.1 MB | | emojione | 20 | 435 KB |
| emojione | 32 | 2.0 MB | | emojione | 32 | 1020 KB |
| emojione | 64 | 2.7 MB | | emojione | 64 | 2.33 MB |
| google | 16 | 622.6 kB | | facebook | 16 | 322 KB |
| google | 20 | 849.8 kB | | facebook | 20 | 439 KB |
| google | 32 | 1.6 MB | | facebook | 32 | 1020 KB |
| google | 64 | 3.6 MB | | facebook | 64 | 2.5 MB |
| twitter | 16 | 776.0 kB | | google | 16 | 301 KB |
| twitter | 20 | 1.0 MB | | google | 20 | 409 KB |
| twitter | 32 | 1.9 MB | | google | 32 | 907 KB |
| twitter | 64 | 4.2 MB | | 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: #### Examples of `emoji` object:
```js ```js

2
src/components/emoji.js
View File

@ -160,7 +160,7 @@ Emoji.defaultProps = {
forceSize: false, forceSize: false,
tooltip: false, tooltip: false,
backgroundImageFn: (set, sheetSize) => 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: () => {}, onOver: () => {},
onLeave: () => {}, onLeave: () => {},
onClick: () => {}, onClick: () => {},