AVIF | BestHub

Rare Earth Juejin Tech Community

Mar 7, 2025 · Frontend Development

Optimizing Infinite‑Scroll Waterfall Layouts with CSS Grid, IntersectionObserver, and Modern Browser Features

This article explains how to build a high‑performance infinite‑scroll waterfall layout for e‑commerce using CSS Grid, IntersectionObserver, native lazy‑loading attributes, asynchronous decoding, React's useTransition, content‑visibility, and the AVIF image format to reduce load time and improve smoothness.

AVIFCSS GridIntersectionObserver

0 likes · 13 min read

Optimizing Infinite‑Scroll Waterfall Layouts with CSS Grid, IntersectionObserver, and Modern Browser Features

iQIYI Technical Product Team

Feb 8, 2024 · Mobile Development

Image Format Optimization and Deployment Practices at iQIYI: From JPG to AVIF

iQIYI optimized its app’s visual experience by progressively replacing JPG with WebP, HEIC, and finally AVIF—using a caplist‑driven CDN, self‑developed decoders and on‑demand production pipelines—to cut image sizes, reduce CDN bandwidth by over 30 % and maintain quality across static, transparent and animated assets.

AVIFHEICImage Formats

0 likes · 19 min read

Image Format Optimization and Deployment Practices at iQIYI: From JPG to AVIF

Tencent Cloud Developer

Aug 16, 2023 · Cloud Native

Migrating QQ Image Service to Tencent Cloud Native (TKE): Architecture, Optimization, and Lessons Learned

The QQ image storage platform was fully migrated from VM‑based servers to Tencent Cloud’s Kubernetes Engine, consolidating services into containers, adding health checks, anti‑affinity, and autoscaling, which cut costs by 26%, reduced ops effort 30%, and improved scalability and reliability.

AVIFHPAKubernetes

0 likes · 15 min read

Migrating QQ Image Service to Tencent Cloud Native (TKE): Architecture, Optimization, and Lessons Learned

HomeTech

May 24, 2023 · Frontend Development

Understanding AVIF Image Format: Benefits, Comparison, Conversion Tools, and Integration in Web Projects

This article explains the AVIF image format, its superior compression and quality compared to JPEG and WebP, provides a detailed comparison of image formats, offers conversion tools and command‑line examples, and shows how to integrate AVIF on the client, server, and via JavaScript polyfills for modern web development.

AVIFBrowser CompatibilityNode.js

0 likes · 13 min read

Understanding AVIF Image Format: Benefits, Comparison, Conversion Tools, and Integration in Web Projects

Tencent Cloud Developer

Mar 27, 2023 · Cloud Computing

Tencent Video Image Optimization: AVIF Compression and Sampling to Reduce Static Bandwidth Costs

Tencent Video slashed static image bandwidth costs by over 60% using AVIF compression and on‑the‑fly image sampling, which together cut average image size by more than half, reduced memory, latency and decode time, and saved tens of millions of yuan across billions of daily requests.

AVIFTencent Cloudbandwidth optimization

0 likes · 14 min read

Tencent Video Image Optimization: AVIF Compression and Sampling to Reduce Static Bandwidth Costs

Bilibili Tech

Mar 21, 2023 · Backend Development

AVIF Image Format Research, Implementation, and Optimization at Bilibili

At Bilibili, extensive research showed AVIF can cut thumbnail size by about 35% versus WebP, prompting a layered implementation that uses libheif/libaom encoding with fallback WebP, client‑side libavif decoding, comprehensive monitoring, and solutions for encoding latency, while planning hardware acceleration and continued standard‑setting contributions.

AVIFBilibiliImage Optimization

0 likes · 26 min read

AVIF Image Format Research, Implementation, and Optimization at Bilibili