Image Rendering

Sohu Tech Products

Sep 25, 2024 · Frontend Development

Poster Generation: Techniques, Libraries, and Common Issues

The article reviews poster generation methods—server‑side rendering with headless browsers or watermarking, client‑side CPU/GPU approaches, and frontend Canvas‑based techniques—detailing libraries such as Fabric.js, html2canvas, and dom‑to‑image, comparing speed, quality, compatibility, addressing cross‑origin and rendering bugs, and advising when to choose each solution.

Cross-DomainImage Renderingcanvas API

0 likes · 13 min read

Poster Generation: Techniques, Libraries, and Common Issues

Shopee Tech Team

Jun 2, 2022 · Backend Development

Applying GPU Technology for High‑Throughput Image Rendering in Shopee Off‑Platform Ads

The Shopee Off‑Platform Ads team built a GPU‑accelerated Creative Rendering System that uses a four‑layer architecture, CGO‑bridged C/C++ kernels, and template caching to process billions of product images daily, achieving roughly ten‑fold speedup, half the cost, and far reduced rack space while handling high concurrency.

CUDAGPUGo

0 likes · 23 min read

Applying GPU Technology for High‑Throughput Image Rendering in Shopee Off‑Platform Ads

Liulishuo Tech Team

Mar 17, 2020 · Backend Development

High‑Performance Image Generation Service Using Puppeteer with Connection Pool and Parameter Optimization

This article describes how a content‑heavy company built a scalable, high‑quality image generation service for its app by leveraging Puppeteer, a custom connection‑pool implementation, CDN caching, launch‑argument tuning, and performance monitoring to achieve low latency and high throughput.

Connection PoolImage RenderingNode.js

0 likes · 8 min read

High‑Performance Image Generation Service Using Puppeteer with Connection Pool and Parameter Optimization

Xianyu Technology

Apr 4, 2019 · Mobile Development

Optimizing Image Rendering in Flutter for E‑commerce Apps: FXTexImage V1‑V3

The article describes how Xianyu’s FXTexImage library (versions 1‑3) transforms product‑detail images in Flutter e‑commerce apps into native‑provided external textures, progressively reducing memory growth, eliminating duplicate downloads, and cutting CPU load via GPU‑thread cleanup and shared‑context texture reuse, boosting page push limits from ten to over thirty, lowering crash rates, and shrinking the app package by more than 900 KB.

FlutterImage RenderingMemory Management

0 likes · 9 min read

Optimizing Image Rendering in Flutter for E‑commerce Apps: FXTexImage V1‑V3