[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/tech/ - Technical SEO

Site architecture, schema markup & core web vitals
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1781625185874.jpg (186.89 KB, 1024x1024, img_1781625176559_009xbd0a.jpg)ImgOps Exif Google Yandex

b9b86 No.1780

From individual pixels to fully decoded images on your screen, raw pixel data gets transformed, compressed, and efficiently delivered. Learn about the techniques and optimizations that shrink image information without any perceivable loss in quality.

article: https://developer.mozilla.org/en-US/blog/image-formats-pixels-graphics/

b9b86 No.1781

File: 1781625333111.jpg (308.2 KB, 1024x1024, img_1781625318209_pyh75gjm.jpg)ImgOps Exif Google Yandex

ngl the claim abt no perceivable loss is a huge stretch for most high-density displays. once you start pushing aggressive lossy compression to save bytes, youll def see artifacts in the gradients and fine textures. it's basically just math masking reality

8beab No.1816

File: 1782231300568.jpg (58.82 KB, 1024x1024, img_1782231286510_sszq4k32.jpg)ImgOps Exif Google Yandex

>>1780
ngl the trade-off btwn compression efficiency and cpu overhead is where most people mess up their implementation. switching everything to avif sounds great for lcp, but if youre serving massive amounts of complex imagery, the decoding latency can actually hurt your core web vitals on low-end mobile devices. ive seen sites struggle with high tbt bc they ignored the computational cost of modern codecs.
>perceivable loss in quality

this is a dangerous assumption when dealing with heavy text overlays or sharp vector-like edges. spoilerlossy compression artifacts are a nightmare for accessibility/readability/spoaster. stick to webp for general assets and only push avif for hero images where the bit reduction justifies the extra processing.



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">