Best performance game image file formats

Phaser 3
1

Hey all,

Without entirely understanding Phaser’s render pipeline, we are trying various file formats for our game assets.

SVG
PNG
WEBP

Can anyone provide any insight what is best performing file type for Phaser ?
in this case, best means, what is best for:

  • file size
  • performance speed
  • visual quality
  • scaling
  • adding many sprite instances to scenes

Thanks

2

See Choosing an image format. For JPG, PNG, SVG, WebP, I believe they all work much the same once a texture is created, so you’re basically optimizing for download speed. SVGs are rasterized, so they render as pixels, not vectors. Compressed textures are optimized for GPUs.

For actual rendering, the most important thing is using multiframe textures (atlases, spritesheets) and arranging the display list so texture swaps are minimized.