Optimizing 18 images - 12.51 MiB reduction

[genintho]

This PR optimize the site images, using lossy algorithm. I did one of these in the past (#5349).

You might want to consider using the tool (https://www.shrink.sh) I used to generate this PR. Disclaimer, I am the author, and I wrote it exactly to solve this problem: it is too easy to forget the optimize images. The tool is triggered when new images are pushed on the master branch of a repo. Rebasing my fork with upstream triggered it.

Below is the PR description generated by the tool.

---

🤖 Reduce image sizes by 49%!

Optimized Images

#	📁 File	Original Size	New Size	Savings
✅	16-snapshots.png	150.10 KiB	142.55 KiB	-5%
✅	interactiveSnapshot.png	128.66 KiB	109.02 KiB	-15%
✅	interactiveSnapshotUpdate.gif	805.99 KiB	511.21 KiB	-36%
✅	interactiveSnapshotDone.png	33.09 KiB	28.03 KiB	-15%
✅	airbnb.png	51.70 KiB	31.84 KiB	-38%
✅	default-demo.gif	7.25 MiB	3.82 MiB	-47%
✅	describe-demo.gif	5.26 MiB	2.48 MiB	-52%
✅	tagged-template-literal.gif	4.12 MiB	1.41 MiB	-65%
✅	test-demo.gif	4.52 MiB	2.23 MiB	-50%
✅	23-asymmetric-matchers.png	265.32 KiB	148.20 KiB	-44%
✅	23-async-matchers.png	179.54 KiB	99.34 KiB	-44%
✅	23-hanging-after.png	233.85 KiB	144.74 KiB	-38%
✅	23-hanging-before.png	190.30 KiB	117.83 KiB	-38%
✅	23-interactive.gif	824.47 KiB	655.32 KiB	-20%
✅	23-jest-each.png	235.91 KiB	129.32 KiB	-45%
✅	23-new-matchers.png	295.07 KiB	167.39 KiB	-43%
✅	23-snapshot-matchers.png	344.73 KiB	246.78 KiB	-28%
✅	23-typeahead.gif	308.19 KiB	181.83 KiB	-40%
🍪	Total	25.11 MiB	12.59 MiB	-49%

[codecov-io]

Codecov Report

Merging #6429 into master will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master    #6429   +/-   ##
=======================================
  Coverage   63.48%   63.48%           
=======================================
  Files         227      227           
  Lines        8697     8697           
  Branches        3        4    +1     
=======================================
  Hits         5521     5521           
  Misses       3175     3175           
  Partials        1        1

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update eb096f8...ca9f4f4. Read the comment docs.

[merlinnot]

Maybe srcsets + modern compression formats (webp + jpeg) would work even better?

[thymikee]

webp is only supported in Chrome currently, so nope. srcsets are ok, but it's a burden to maintain without a CMS

[merlinnot]

I know, that’s why “webp + jpeg”, you can have jpeg as a fallback using picture tag.

You don’t necessarily need a CMS, it can be generated at build time.

[thymikee]

CMS, scripting, you name it. However, if you're interested in bringing such functionality into our website / Docusaurus, that would be awesome 😃
cc @endiliey @JoelMarcey

[merlinnot]

Sure, why not. I like Jest :)

[SimenB]

The best would be to land it somehow in https://docusaurus.io/, that way Jest and all other sites using is (React, Prettier etc.) get the improvement for free

[JoelMarcey]

@SimenB @thymikee - Hi 👋 maybe I am not reading this thread correctly - but we added image compression in 1.1 - facebook/docusaurus@ab6bab9

[github-actions]

This pull request has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Please note this issue tracker is not a help forum. We recommend using StackOverflow or our discord channel for questions.