Tag

webp

0 views collected around this technical thread.

vivo Internet Technology
vivo Internet Technology
Nov 13, 2024 · Mobile Development

APK Size Optimization Techniques for Game Center Application

Ke Jie explains why reducing the Game Center APK—by eliminating alpha‑PNG images, unused code and resources, limiting language and density assets, disabling v1 signing, compressing images, loading native libraries on demand, shipping only 64‑bit binaries, enabling code/resource shrinking and R‑file inlining—cut size by about 31% (≈20 MB), boosting download conversion and launch performance.

APK optimizationAndroidMatrix ApkChecker
0 likes · 14 min read
APK Size Optimization Techniques for Game Center Application
JD Retail Technology
JD Retail Technology
Feb 8, 2024 · Frontend Development

Frontend Optimization Strategies for High‑Concurrency Interactive H5 during the Spring Festival Gala

This article details how the front‑end team tackled the massive traffic and performance challenges of the Spring Festival Gala interactive H5 by optimizing static resources, employing WebP and sprite techniques, implementing traffic‑shaping and localStorage caching, and automating engineering workflows to ensure a stable, smooth user experience.

engineeringfrontendhigh concurrency
0 likes · 12 min read
Frontend Optimization Strategies for High‑Concurrency Interactive H5 during the Spring Festival Gala
iQIYI Technical Product Team
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
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 31, 2024 · Frontend Development

Optimizing Image Loading in WeChat Mini Programs: WebP Conversion, Resolution Adjustment, Sprites, and Lazy Loading

This article demonstrates how to dramatically reduce image size and loading time in a WeChat mini‑program by converting to WebP, adjusting resolution via OSS parameters, using CSS sprites, and implementing lazy‑load placeholders, with before‑and‑after performance data and reusable component code.

Image OptimizationOSSWeChat Mini Program
0 likes · 10 min read
Optimizing Image Loading in WeChat Mini Programs: WebP Conversion, Resolution Adjustment, Sprites, and Lazy Loading
ByteFE
ByteFE
Oct 31, 2022 · Backend Development

Image Optimization for ISV Pages: Offline Compression, WebP Conversion, and Batch Processing

This article details a systematic approach to reducing image sizes for ISV‑generated pages, covering offline compression, WebP conversion, data structure design, batch processing pipelines, monitoring, and fallback strategies, while providing code examples and performance comparisons.

Image Optimizationbackendbatch processing
0 likes · 26 min read
Image Optimization for ISV Pages: Offline Compression, WebP Conversion, and Batch Processing
Laravel Tech Community
Laravel Tech Community
Aug 17, 2021 · Backend Development

imagecreatefromwebp — Create an Image Resource from a WebP File in PHP

The article explains PHP's imagecreatefromwebp function, detailing its signature, parameters, return values, and provides a complete example that loads a WebP file, converts it to JPEG, and releases the image resource properly.

GD LibraryPHPbackend
0 likes · 1 min read
imagecreatefromwebp — Create an Image Resource from a WebP File in PHP
DeWu Technology
DeWu Technology
Jun 4, 2021 · Mobile Development

Page Performance Optimization for Mobile App Webview

The DeWu app boosted WebView H5 page load speed by combining native‑level tactics—static JS/CSS bundling, HTML preloading—and web‑only strategies such as SSR, WebP image conversion, unused‑component removal, on‑demand lodash loading, and off‑screen image lazy‑loading, raising second‑open rates from ~5% to ~40%, improving Lighthouse scores by over 20% and cutting transferred bytes by roughly 20%, delivering an overall ~10% performance gain.

PerformanceOptimizationSPASSR
0 likes · 4 min read
Page Performance Optimization for Mobile App Webview
Tencent Architect
Tencent Architect
Jan 27, 2018 · Fundamentals

Advances in Image Compression: From JPEG to WebP, HEVC, WXAM, SHARP, and Guetzli Optimizations at Tencent TPS

The article reviews recent developments in image compression formats such as JPEG, WebP, HEVC, and Tencent's proprietary WXAM/SHARP, explains Guetzli's perceptual encoding, details extensive GPU‑based performance optimizations, and demonstrates how these techniques dramatically reduce bandwidth usage in Tencent's massive image storage platform.

GPU AccelerationGuetzliJPEG
0 likes · 13 min read
Advances in Image Compression: From JPEG to WebP, HEVC, WXAM, SHARP, and Guetzli Optimizations at Tencent TPS
Tencent Music Tech Team
Tencent Music Tech Team
Jul 28, 2017 · Mobile Development

Dynamic Image Formats and Performance Comparison on Android

The article defines dynamic image formats, traces their history from GIF to WebP, compares GIF, APNG and WebP features and Android decoding performance, showing WebP offers smaller files and faster loading at higher CPU cost, while GIF remains most compatible and CPU‑efficient.

AndroidApngDynamic Images
0 likes · 19 min read
Dynamic Image Formats and Performance Comparison on Android
High Availability Architecture
High Availability Architecture
May 23, 2017 · Fundamentals

Evaluation of Image Compression Formats and Algorithms: Guetzli, WebP, MozJPEG, and Libjpeg‑Turbo

The article presents a comprehensive evaluation of common image formats and compression algorithms—including Guetzli, WebP, MozJPEG, and Libjpeg‑Turbo—by comparing their compression ratios, quality metrics, encoding speed, and practical deployment considerations for large‑scale mobile services.

GuetzliJPEGSSIM
0 likes · 18 min read
Evaluation of Image Compression Formats and Algorithms: Guetzli, WebP, MozJPEG, and Libjpeg‑Turbo
Architecture Digest
Architecture Digest
Aug 31, 2016 · Frontend Development

Practical Guide to Using WebP Images in Web Projects

This article explains what WebP is, its performance benefits, common server‑side and client‑side integration methods, and shares a complete practical implementation—including image conversion tools, JavaScript detection, CSS mixins, and a Node.js monitoring script—to help developers adopt WebP efficiently in their front‑end workflows.

CSSImage Optimizationfrontend
0 likes · 13 min read
Practical Guide to Using WebP Images in Web Projects
Nightwalker Tech
Nightwalker Tech
Jul 28, 2016 · Frontend Development

Best Practices for Image Compression and Delivery in Mobile and Web Applications

This article compiles practical techniques for reducing image size, selecting optimal formats like WebP, leveraging compression libraries, employing CDN and HTTP caching strategies, and handling server‑side processing to improve bandwidth usage and user experience on both mobile and desktop platforms.

cachingfrontendimage compression
0 likes · 6 min read
Best Practices for Image Compression and Delivery in Mobile and Web Applications