Improve banner image rendering quality

Added image-rendering properties to prevent fuzzy upscaling:
- image-rendering: -webkit-optimize-contrast for webkit browsers
- image-rendering: crisp-edges as fallback

This ensures upscaled images maintain sharp edges and better quality
instead of appearing blurry or fuzzy.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Dorian
2026-02-03 00:47:52 +00:00
parent 36c913dd23
commit 0aed617bca
2 changed files with 1 additions and 0 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 337 KiB

View File

@@ -91,6 +91,7 @@
:src="featuredContent?.backdrop || '/images/god-bless-bitcoin-backdrop.jpg'"
alt="Featured content"
class="w-full h-full object-cover object-center"
style="image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges;"
/>
<div class="absolute inset-0 hero-gradient"></div>
</div>