webp

Asset transformer for converting images into WebP files.

Install package

flutter pub add webp

Add to your pubspec.yaml.

If run without additional arguments, the default value of the quality parameter = 75 with lossy compression will be used.

flutter:
  assets:
    - path: assets/logo.jpg
      transformers:
        - package: webp

flutter:
  assets:
    - path: assets/logo.jpg
      transformers:
        - package: webp
          args: ['--quality=65', '--hint=graph', '--af']

By default, the package runs the embedded precompiled cwebp binary. You can use the one specified in your $PATH by adding the --from_path flag.

flutter:
  assets:
    - path: assets/logo.jpg
      transformers:
        - package: webp
          args: ['--from_path']

Here are some commonly used parameters for cwebp:

-q, --quality: Set the quality factor for the output image. The value should be between 0 and 100, with 100 being the highest quality. For example, --quality=80.
--lossless: Encode the image without any loss. For images with fully transparent area, the invisible pixel values (R/G/B or Y/U/V) will be preserved only if the --exact option is used..
-m, --method: Set the compression method. The value can be 0 (fastest), 1 (default), 2 (slowest), or 3 (best quality). For example, --method=2.
-f, --filter: Set the filter strength. The value can be between 0 and 100, with 0 being no filtering and 100 being maximum filtering. For example, --filter=50.
-s, --size: Set the target size for the output image. The value should be in bytes. For example, --size=500000.

For a complete list of parameters and their descriptions, please refer to the cwebp documentation.

The package provides cwebp binaries for the following architectures:

Note: You can still use the package on other architectures with cwebp from your $PATH.

Built with ☕️ by LeanCode