LogoLogo
BlogHelp CenterPrivacyLoginRegister
  • Let's optimize your images
  • Transformations
    • Input formats
    • Image operations
      • Width and height
      • Prevent enlargement
      • Crop
        • Automatic gravity crop
        • Positionable crop
        • Focal point crop
        • Face crop
        • Face hide
        • Aspect ratio crop
      • Fit
      • Cropfit
      • Bound
      • Boundmin
      • Cover
      • Device pixel ratio
      • Flip
      • Rotate
      • Trim
      • Rounded corners
      • Background removal
    • Image filters
      • Adjustment
        • Brightness
        • Contrast
        • Saturate
      • Color manipulation
        • Color overlay
        • Grayscale
        • Duotone
        • Sepia
        • Invert
      • Blur
      • Pixelate
      • Sharpen
      • Face blur
    • Image watermarking
      • Static watermark
      • Dynamic watermark
      • Text watermark
        • Text watermark fonts
    • Image compression
      • Image formats
      • Optipress
      • SVG compression
      • Color management
    • Static content
      • PDF to image
      • JS/CSS optimization
    • Video operations
  • Setup
    • Shortening URLs
      • Origin URL prefix
      • Aliases
      • Presets
      • Rules
    • Connecting storage bucket
      • Amazon S3
      • Google Cloud Storage
      • Microsoft Azure Blob
      • Basic authentication HTTP
    • Security
      • Token security
        • Domain whitelisting
        • URL signature
        • URL sealing
      • Account security
      • Origin security
  • Implementation
    • URL API implementation
    • Responsive images JS plugin
    • CMS plugins
      • Spryker
      • Drupal
      • Kontent.ai
      • Contentful
      • Adobe Commerce (Magento)
        • Basic implementation
        • Advanced implementation
      • Opencart
      • Prestashop
        • Prestashop tutorial
      • Shopware
      • Sylius
      • Wordpress
      • Shopify tutorial
        • Shopify integration
        • Theme files
        • FAQ
      • Commercetools tutorial
      • Ruby wrapper
    • Migrating from another image CDN
  • Caching and acceleration
    • CDN basics
    • Caching interval
    • Invalidation API
    • Warmup API
  • Analytics
    • Dashboards
      • Overview
      • Volumetry
      • Optimization
      • Delivery
      • Top-Ranking
      • RUM
      • Logs API
  • Cloudimage_v6 EOL
Powered by GitBook
LogoLogo

Resources

  • Help center
  • Contact support
  • Developers
  • cloudimage.io

Solutions

  • Media optimization
  • DAM
  • Performance report

Company

  • Blog
  • Service status
  • About us

Legal stuff

  • Terms & conditions
  • Privacy center
  • DMCA

Copyright © 2023 Scaleflex

On this page
  • JPEG compression
  • Available parameters
  • Examples
  • PNG format
  • Available parameters
  • Lossy PNG compression
  • Examples
  • WebP format
  • Examples
  • Deliver images in their original format

Was this helpful?

Export as PDF
  1. Transformations
  2. Image compression

Image formats

Supported output image formats

JPEG compression

The JPEG compression format is suitable for delivering photographic images with minimal quality loss and a high compression rate. You can either choose the compression factor yourself or use Optipress - our Machine Learning algorithm, which will choose the best way to reduce JPEG file size minimizing perceptual quality loss.

Available parameters

Set format

force_format=jpg

forces using the JPEG image compression

Quality

q=X X=0..100

the smaller the value of q, the more your image will be compressed. Be careful - the quality of the image will decrease as well.

Optipress

optipress=X X=1..3

chooses the best compression approach maintaining visual quality via the Optipress algorithm

Examples

Preview
Syntax

PNG format

This format is a good choice for non-photographic images - flowcharts, graphs, screenshots, logos, etc. PNG also supports transparency.

Available parameters

Set format

force_format=png

forces using the PNG image compression

Lossy PNG compression

While the PNG format offers lossy compression only, Cloudimage can optimize the image before compression by reducing the number of colors or adding slight dithering (while preserving edges). This method usually leads to smaller file sizes for images visually indistinguishable from the original ones.

You can activate this feature in the Admin Console (Image Settings/Compression):

Examples

Preview
Syntax

WebP format

WebP is an image format maintained by Google and supported in certain browsers (mainly Chrome, Opera, and Chrome Android) which provides more aggressive compression techniques as JPG without noticeable quality degradation.

By default, automatic WebP transcoding is deactivated. If you choose to activate it, all images will be delivered as WebP. If the client's browser does not support this format, JPEG or PNG (if the image has an alpha channel) is used instead.

You can use the following parameters to control WebP compression quality:

Set format

force_format=webp

forces using the WebP image compression

Quality

q=X X=0..100

the smaller the value of q, the more your image will be compressed. Be careful - the quality of the image will decrease as well.

Lossless

lossless=1

use lossless webp compression

Examples

Preview
Syntax

Deliver images in their original format

By default, Cloudimage delivers the images in the format which will lead to the fastest delivery, while being supported by the requesting browser, as for exemple a WebP.

But sometimes WebP will be heavier than the original image (eg. a low resolution .JPG might be lighter than the same image .WEBP), so cloudimage will ignore the transformation process and provide the original format (when the original format is supported by the browser of course).

If you would like to systematically activate this function and always keep the format of the original image, you can use force_format=original

PreviousImage compressionNextOptipress

Last updated 7 months ago

Was this helpful?

q=85, filesize 204 kB: q=75, filesize 129 kB: q=65, filesize 102 kB:

/sample.li/woman_dress.jpg?force_format=jpeg&q=85
/sample.li/woman_dress.jpg?force_format=jpeg&q=75
/sample.li/woman_dress.jpg?force_format=jpeg&q=65
/sample.li/Cloudimage-BY-SCALEFLEX.svg?w=400&force_format=png
/sample.li/paris.jpg?w=400&force_format=webp
/sample.li/perfcheck.png?w=400&force_format=webp&lossless=1