perf: serve optimized JPEG derivatives for monster artwork

Browse Source

encounter-card.component rendered the raw 2.39MB ash-rat.png and
2.00MB road-bandit.png directly, up to 3 cards per hunt (~7MB/load,
re-rendered on "Neu suchen"). Add 560px-wide JPEG runtime derivatives
(generated via PowerShell System.Drawing, HighQualityBicubic, quality
82) and switch to the <picture>/<source srcset> pattern already used
by context-panel for location backgrounds, keeping the original PNGs
as the <img> fallback. Also add loading="lazy" decoding="async".

ash-rat.png: 2,506,677 B -> ash-rat-560.jpg: 35,896 B
road-bandit.png: 2,097,049 B -> road-bandit-560.jpg: 50,797 B

...

This commit is contained in:

Bastian Wagner

2026-08-19 14:33:32 +02:00

parent 26909d7e2a

commit 833fa52d8d

4 changed files with 21 additions and 5 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

BIN

apps/web/public/images/monsters/runtime/road-bandit-560.jpg Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 50 KiB