Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/leaysgur/canvas-todataurl-size-tester

Last synced: 24 days ago
JSON representation

Host: GitHub
URL: https://github.com/leaysgur/canvas-todataurl-size-tester
Owner: leaysgur
Created: 2020-12-21T07:50:13.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2020-12-21T08:54:02.000Z (almost 4 years ago)
Last Synced: 2024-04-15T07:11:57.169Z (7 months ago)
Language: JavaScript
Size: 2.38 MB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # canvas-todataurl-size-tester

## TL;DR

Use `webp` if available.

## Test results

> Mozilla/5.0 (Macintosh; Intel Mac OS X 11_1_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.50 Safari/537.36

### pic.png

![](./pic.png)

| Size | Type |  Quality   |    Byte |

|:----:|:----:|:----------:| -------:|

| 1000 | png  | (original) | 2394801 |

| 300  | png  |     -      |  305774 |

| 300  | jpeg |    0.92    |   60687 |

| 300  | webp |    0.92    |   58415 |

| 300  | webp |    0.4     |   18371 |

| 300  | jpeg |    0.4     |   17727 |

### illust.png

![](./illust.png)

| Size | Type |  Quality   |   Byte |

|:----:|:----:|:----------:| ------:|

| 482  | png  | (original) | 154413 |

| 300  | png  |     -      | 103006 |

| 300  | jpeg |    0.92    |  20367 |

| 300  | webp |    0.92    |  14915 |

| 300  | webp |    0.4     |   7071 |

| 300  | jpeg |    0.4     |   5775 |

⚠️ : `jpeg` can't render opacity