Compress an image

Compress transformation allows users to reduce the size of the image file without significantly affecting its visual quality. Image compression is important because larger image files take up more storage space and take longer to load, especially on websites and mobile devices with limited bandwidth. Compressing images can also help improve website performance and reduce bandwidth usage.

Compressing delivers a smaller-sized image, making your sites and apps load faster for your users. A large quality number indicates a larger output image size with high quality.

---

Params

Quality (q)

This parameter helps users to compress an image to their chosen quality.

The default value of q is 80. The minimum value users can set is 0, and the maximum is 100.

The useful values are in the 60-90 range.

quality=75 (46.4 KB)

URL

https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.compress(q:75)/images/transformation/basic_car.jpeg

React

<PixelBinImage url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.compress(q:75)/images/transformation/basic_car.jpeg" />

JavaScript

import Pixelbin from "@pixelbin/core";

const obj = {
    cloudName: "dummy-cloudname",
    zone: "FIDrmb",
    version: "v2",
    transformations: [{"name":"compress","plugin":"t","values":[{"key":"q","value":"75"}]}],
    filePath: "images/transformation/basic_car.jpeg",
    baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
console.log(url);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.compress(q:75)/images/transformation/basic_car.jpeg

Node.js

const { url } = require("@pixelbin/admin");

const obj = {
    cloudName: "dummy-cloudname",
    zone: "FIDrmb",
    version: "v2",
    transformations: [{"name":"compress","plugin":"t","values":[{"key":"q","value":"75"}]}],
    filePath: "images/transformation/basic_car.jpeg",
    baseUrl: "https://cdn.pixelbin.io",
};
const cdnUrl = url.objToUrl(obj);
console.log(cdnUrl);
// cdnUrl
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.compress(q:75)/images/transformation/basic_car.jpeg

Python

from pixelbin.utils.url import obj_to_url

obj = {
    "cloudName": "dummy-cloudname",
    "zone": "FIDrmb",
    "version": "v2",
    "transformations": [{"name":"compress","plugin":"t","values":[{"key":"q","value":"75"}]}],
    "filePath": "images/transformation/basic_car.jpeg",
    "baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
print(url)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.compress(q:75)/images/transformation/basic_car.jpeg

Golang

package main

import (
 "fmt"
 "github.com/pixelbin-dev/pixelbin-go/v2/sdk/utils/url"
)

func main() {
    obj := map[string]interface{}{
        "cloudName": "dummy-cloudname",
        "zoneSlug": "FIDrmb",
        "version": "v2",
        "transformations": []map[string]interface{}{
		{"plugin": "t", "name": "compress", "values": []map[string]interface{}{ {"key": "q", "value": "75"},}},
        },
        "filePath": "images/transformation/basic_car.jpeg",
        "baseUrl": "https://cdn.pixelbin.io",
        "options": map[string]interface{}{},
    }
    urlstring, err := url.ObjToUrl(obj)
    if err != nil {
        fmt.Println(err)
    }
    fmt.Println(urlstring)
}
// urlstring
//  https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.compress(q:75)/images/transformation/basic_car.jpeg

Kotlin

import com.pixelbin.url.UrlObj
import com.pixelbin.Utils
import com.pixelbin.transformation.TransformationObj

fun main(){
    val obj = UrlObj(
        cloudName = "dummy-cloudname",
        zone = "FIDrmb",
        version = "v2",
        transformation = arrayListOf(
		TransformationObj( plugin = "t", name = "compress", values = hashMapOf( "q" to "75"), )
        ),
        filePath = "images/transformation/basic_car.jpeg",
        baseUrl = "https://cdn.pixelbin.io"
    )
    val url = Utils.objToUrl(obj)
    println(url)
    // url
    // https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.compress(q:75)/images/transformation/basic_car.jpeg
}

C#

 using System;
 using System.Collections.Generic;
 using System.IO;
 using Pixelbin.Utils;

 namespace ExampleNamespace
 {
     class ExampleClass
     {
         static void Main(string[] args)
         {
            UrlObj obj = new UrlObj(
                version: "v2",
                cloudName: "dummy-cloudname",
                filePath: "images/transformation/basic_car.jpeg",
                zone: "FIDrmb",
                baseUrl: "https://cdn.pixelbin.io",
                transformations: new List<UrlTransformation>() {
			new UrlTransformation(plugin: "t", name: "compress", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "q" }, { "value", "75" } }} )
                }
            );
            string url = Url.ObjToUrl(obj);
            Console.WriteLine(url);
            // returned url string
            // https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.compress(q:75)/images/transformation/basic_car.jpeg
         }
    }
}

PHP

<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;

$obj = [
    "cloudName" => "dummy-cloudname",
    "zone" => "FIDrmb",
    "version" => "v2",
    "options" => [],
    "transformations" => [
    	["plugin" => "t", "name" => "compress", "values" => [ [ "key" => "q", "value" => "75" ], ], ],
    ],
    "filePath" => "images/transformation/basic_car.jpeg",
    "baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
print($url);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.compress(q:75)/images/transformation/basic_car.jpeg
?>

Original (51.2 KB)

URL

https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_car.jpeg

React

<PixelBinImage url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_car.jpeg" />

JavaScript

import Pixelbin from "@pixelbin/core";

const obj = {
    cloudName: "dummy-cloudname",
    zone: "FIDrmb",
    version: "v2",
    transformations: [],
    filePath: "images/transformation/basic_car.jpeg",
    baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
console.log(url);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_car.jpeg

Node.js

const { url } = require("@pixelbin/admin");

const obj = {
    cloudName: "dummy-cloudname",
    zone: "FIDrmb",
    version: "v2",
    transformations: [],
    filePath: "images/transformation/basic_car.jpeg",
    baseUrl: "https://cdn.pixelbin.io",
};
const cdnUrl = url.objToUrl(obj);
console.log(cdnUrl);
// cdnUrl
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_car.jpeg

Python

from pixelbin.utils.url import obj_to_url

obj = {
    "cloudName": "dummy-cloudname",
    "zone": "FIDrmb",
    "version": "v2",
    "transformations": [],
    "filePath": "images/transformation/basic_car.jpeg",
    "baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
print(url)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_car.jpeg

Golang

package main

import (
 "fmt"
 "github.com/pixelbin-dev/pixelbin-go/v2/sdk/utils/url"
)

func main() {
    obj := map[string]interface{}{
        "cloudName": "dummy-cloudname",
        "zoneSlug": "FIDrmb",
        "version": "v2",
        "transformations": []map[string]interface{}{

        },
        "filePath": "images/transformation/basic_car.jpeg",
        "baseUrl": "https://cdn.pixelbin.io",
        "options": map[string]interface{}{},
    }
    urlstring, err := url.ObjToUrl(obj)
    if err != nil {
        fmt.Println(err)
    }
    fmt.Println(urlstring)
}
// urlstring
//  https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_car.jpeg

Kotlin

import com.pixelbin.url.UrlObj
import com.pixelbin.Utils
import com.pixelbin.transformation.TransformationObj

fun main(){
    val obj = UrlObj(
        cloudName = "dummy-cloudname",
        zone = "FIDrmb",
        version = "v2",
        transformation = arrayListOf(

        ),
        filePath = "images/transformation/basic_car.jpeg",
        baseUrl = "https://cdn.pixelbin.io"
    )
    val url = Utils.objToUrl(obj)
    println(url)
    // url
    // https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_car.jpeg
}

C#

 using System;
 using System.Collections.Generic;
 using System.IO;
 using Pixelbin.Utils;

 namespace ExampleNamespace
 {
     class ExampleClass
     {
         static void Main(string[] args)
         {
            UrlObj obj = new UrlObj(
                version: "v2",
                cloudName: "dummy-cloudname",
                filePath: "images/transformation/basic_car.jpeg",
                zone: "FIDrmb",
                baseUrl: "https://cdn.pixelbin.io",
                transformations: new List<UrlTransformation>() {

                }
            );
            string url = Url.ObjToUrl(obj);
            Console.WriteLine(url);
            // returned url string
            // https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_car.jpeg
         }
    }
}

PHP

<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;

$obj = [
    "cloudName" => "dummy-cloudname",
    "zone" => "FIDrmb",
    "version" => "v2",
    "options" => [],
    "transformations" => [
    
    ],
    "filePath" => "images/transformation/basic_car.jpeg",
    "baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
print($url);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_car.jpeg
?>