PAG官网 | PAG动效

PAG官网 | PAG动效

  • 首页
  • 产品
  • 功能
  • 文档
  • 案例
  • CN
  • GitHub
  • 论坛交流
  • 免费下载
  • Languages iconEN
    • CN

›性能优化

了解 PAG

  • Introduction
  • FAQs

快速开始

  • Install PAGViewer
  • Install PAGExporter
  • Export PAG Files
  • SDK Integration

导出插件

  • Use Configuration Panel
  • Use Exporting Panel
  • Export BMP Compositions
  • Config Fill Modes
  • Config Time Stretch Modes
  • Exporting Shortcut Keys
  • Error Code
  • Auto Detection Rules
  • Text Editing Rules
  • Add Text Background
  • Export Audio
  • Manually Install PAGExporter

预览工具

  • Preview Replacements
  • View File Structure
  • Preview Shortcut Keys
  • Export Image Sequence
  • File Encryption
  • Add Watermark
  • Upgrade to Beta Version

性能优化

  • Use Performance Panel
  • PAG File Optimization

移动端进阶

  • Common API Overview
  • Use PAGImageView
  • Video Replacement
  • Play Audio
  • Text Layer Description
  • Use Encripted File
  • Export To Video
  • SDK Authentication

Web 进阶

  • SDK Installation
  • Load PAG File
  • Play PAG File
  • Platform Capabilities
  • Use WebWorker

API 参考

  • API Document

视频教程

  • PAG Workflow
  • File Optimization Best Practices
  • Use PAGExporter Panel
  • PAG Online Q&A

资源下载

  • PAGViewer Installer
  • PAG Test Files
  • PAG Demo Projects
  • China LiveVideoStackCon2022
  • PAG Conversion Tool
  • PAG File Format Spec

TAVMedia

  • Introduction to TAVMedia
  • TAVMedia Quick access
  • Common API Overview

其他

  • From Lottie To PAG
  • PAG Dictionary

Use Performance Panel


Overview

PAGViewer has a Profiler performance analyzing panel that can assist designers with performance optimization. Press the "L" key on your keyboard to activate the panel while previewing the sticker, and press it again to close the panel.



The meaning of various information on the panel

FrameRate: The play frame rate. The number of times the screen is refreshed per second.
Duration: The duration of the animation. The unit is s (second), m (minute) and h (hour).
Graphics : The size of graphics memory occupied during sticker play. The unit is the same as above.
Videos : The number of "BMP compositions" in video format within the sticker.
TagLevel : The highest Tag level contained in the sticker.
Width : The width of the sticker design.
Height : The height of the sticker design.
Layers : The total number of layers contained in the sticker.
Render : The rendering time of the current frame, in microseconds.
Render(AVG) : The average rendering time within the current panel image, in microseconds.
Render(MAX) : The maximum rendering time within the current panel image, in microseconds.
Image : The decoding time of the current frame, in microseconds.
Image(AVG) : The average decoding time within the current panel image, in microseconds.
Image(MAX) : The maximum decoding time within the current panel image, in microseconds.
Present : The screen-up time of the current frame, in microseconds.
Present(AVG) : The average screen-up time within the current panel image, in microseconds.
Present(MAX) : The maximum screen-up time within the current panel image, in microseconds.

Each column of the waveform graph represents the total time of Render+Image+Preview spent on a certain frame, and the proportion can be indentified by the color.

How to interpret and use this information

  1. TagLevel. It is used to confirm the version compatibility of a sticker, that is, whether it can play normally on a certain version of the client. The PAGFile.MaxSupportedTagLevel() of the client SDK must be greater than or equal to the highest TagLevel of this sticker to play this sticker normally, otherwise the SDK needs to be upgraded.

  2. Graphics. The size of graphics memory is linked to the number of layers and the size of the sticker when it's drawn. To improve drawing efficiency, static layers with only matrix changes are cached as textures. However, if this size is too high, the program's graphics memory might run out and crash.

  3. Layers. The number of layers in a graphic affects the size of the graphics memory and the time it takes to draw. More layers can make the drawing process more complex and difficult. If there are identical layers, it's best to avoid copying them directly. Instead, you can create a composition and refer to it, so that the number of layers is only counted once.

  4. Render. The rendering time is an important factor to consider vector export. Please note that the specific values of rendering time may vary among different machines, so there is no fixed value to determine. However, you can refer to the time spent on iMac 27 inch computers, and it is recommended to control it within around 100 microseconds.

  5. Image. Bitmap decoding time is typically used when working with image layers or exporting BMP compositions saved in bitmap format. The amount of time it takes to decode a bitmap can be attributed solely to the size of the image.


← Upgrade to Beta VersionPAG File Optimization →
  • Overview
  • The meaning of various information on the panel
  • How to interpret and use this information
Address: Tencent Binhai Building, No. 33 Haitian Second Road, Nanshan District, Shenzhen, Guangdong Province, China.
TEL: 0755-86013388
QQ Group: 893379574
Copyright © 2018 - 2025 Tencent. All Rights Reserved.
Privacy Policy
公司地址:广东省深圳市南山区海天二路33号腾讯滨海大厦
联系电话:0755-86013388
QQ群:893379574
Copyright © 2018 - 2025 Tencent. All Rights Reserved.
隐私政策
Copyright © 2018 - 2025 Tencent. All Rights Reserved.
Address: Tencent Binhai Building, No. 33 Haitian Second Road, Nanshan District, Shenzhen, Guangdong Province, China.
TEL: 0755-86013388
QQ Group: 893379574
Privacy Policy
Copyright © 2018 - 2025 Tencent. All Rights Reserved.
公司地址:广东省深圳市南山区海天二路33号腾讯滨海大厦
联系电话:0755-86013388
QQ群:893379574
隐私政策