Topol Documentation

Appearance

Image resizing and compression ​

Topol Editor automatically compresses and resizes images, default max image width is 1200px, JPEG quality is reduced to 95% and PNG to 80%.

You can easily opt out from the defaults by

INFO

This feature has an effect when using our built-in storage as well as Custom Storage integration (GCS or S3) and self-hosted option.

WARNING

When using custom file manager this feature has no effect.

Auto resize images ​

INFO

Resizing is enabled by default.

Will auto resize images for the 2x width size the Template (for Retina compatibility).

Standard template width is 600px, so the default image size is 1200px, height is calculated automatically based on the image aspect ratio.

You can disable this feature as follows:

ts
imageCompressionOptions: {
    enableAutoResize: false,
},

Image compression ​

INFO

Compression is enabled by default.

Will automatically compress images. Default setting is 95% for JPEG and 80% for PNG.

To disable image compression

ts
imageCompressionOptions: {
    enableCompression: false
},

You can set custom compression for JPEG and PNG file types respectively.

ts
imageCompressionOptions: {
    qualityJpeg: 0.50 // 50% compression
    qualityPng: 0.7 // 70% compression
},