lfg2025/indee-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve banner image rendering quality

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/god-bless-bitcoin-backdrop.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 337 KiB

1
src/views/Browse.vue
View File

@@ -91,6 +91,7 @@
:src="featuredContent?.backdrop || '/images/god-bless-bitcoin-backdrop.jpg'" :src="featuredContent?.backdrop || '/images/god-bless-bitcoin-backdrop.jpg'"
alt="Featured content" alt="Featured content"
class="w-full h-full object-cover object-center" 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 class="absolute inset-0 hero-gradient"></div>
</div> </div>