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:
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 337 KiB |
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user