Extend an image
Extend transformation allows users to extends/pads the edges of the image with the provided background colour. This operation will always occur after resizing and extraction, if any. It is generally recommended to start with a high-quality image with a high resolution to avoid loss of image quality when extending the image.
Params
Top (t), Left (l), Bottom (b), Right (r)
The range for the top, right, bottom, and left parameters is from 0 to 500, with 10 as the default value. The default background color applied is black.
- Original Image
- Default extend
- top=60, bottom=60
- top=20, right=40, bottom=20, left=40
- URL
- React
- JavaScript
- Node.js
- Python
- Golang
- Kotlin
- C#
- PHP
<PixelBinImage
url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354"
/>
import Pixelbin from "@pixelbin/core";
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [],
filePath: "images/transformation/basic_chair.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354
const Pixelbin = require("@pixelbin/admin");
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [],
filePath: "images/transformation/basic_chair.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.url.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354
from pixelbin.utils.url import obj_to_url
obj = {
"cloudName": "dummy-cloudname",
"zone": "FIDrmb",
"version": "v2",
"transformations": [],
"filePath": "images/transformation/basic_chair.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354
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_chair.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
"options": map[string]interface{}{},
}
urlstring, err := url.ObjToUrl(obj)
if err != nil {
fmt.Println(err)
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354
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_chair.jpeg",
baseUrl = "https://cdn.pixelbin.io"
)
val url = Utils.objToUrl(obj)
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354
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_chair.jpeg",
zone: "FIDrmb",
baseUrl: "https://cdn.pixelbin.io",
transformations: new List<UrlTransformation>() {
}
);
string url = Url.ObjToUrl(obj);
}
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354
<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;
$obj = [
"cloudName" => "dummy-cloudname",
"zone" => "FIDrmb",
"version" => "v2",
"options" => [],
"transformations" => [
],
"filePath" => "images/transformation/basic_chair.jpeg",
"baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354
?>
The image is resized to 300x200px and then extended. This adds 10px padding to all the sides with the background color as black.
- URL
- React
- JavaScript
- Node.js
- Python
- Golang
- Kotlin
- C#
- PHP
<PixelBinImage
url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354"
/>
import Pixelbin from "@pixelbin/core";
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t"}],
filePath: "images/transformation/basic_chair.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354
const Pixelbin = require("@pixelbin/admin");
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t"}],
filePath: "images/transformation/basic_chair.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.url.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354
from pixelbin.utils.url import obj_to_url
obj = {
"cloudName": "dummy-cloudname",
"zone": "FIDrmb",
"version": "v2",
"transformations": [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t"}],
"filePath": "images/transformation/basic_chair.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354
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": "resize", "values": []map[string]interface{}{ {"key": "h", "value": "300"},{"key": "w", "value": "200"},}},,
{"plugin": "t", "name": "extend"},
},
"filePath": "images/transformation/basic_chair.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
"options": map[string]interface{}{},
}
urlstring, err := url.ObjToUrl(obj)
if err != nil {
fmt.Println(err)
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354
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 = "resize", values = hashMapOf( "h" to "300","w" to "200"), ),
TransformationObj( plugin = "t", name = "extend", )
),
filePath = "images/transformation/basic_chair.jpeg",
baseUrl = "https://cdn.pixelbin.io"
)
val url = Utils.objToUrl(obj)
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354
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_chair.jpeg",
zone: "FIDrmb",
baseUrl: "https://cdn.pixelbin.io",
transformations: new List<UrlTransformation>() {
new UrlTransformation(plugin: "t", name: "resize", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "h" }, { "value", "300" } }, new Dictionary<string, string>() { { "key", "w" }, { "value", "200" } }} ),
new UrlTransformation(plugin: "t", name: "extend", )
}
);
string url = Url.ObjToUrl(obj);
}
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354
<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;
$obj = [
"cloudName" => "dummy-cloudname",
"zone" => "FIDrmb",
"version" => "v2",
"options" => [],
"transformations" => [
["plugin" => "t", "name" => "resize", "values" => [ [ "key" => "h", "value" => "300" ], [ "key" => "w", "value" => "200" ], ], ],
["plugin" => "t", "name" => "extend", ],
],
"filePath" => "images/transformation/basic_chair.jpeg",
"baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354
?>
The image is resized to 300x200px and then extended with top and bottom values. This adds 10px padding to left and right sides with the background color as black.
- URL
- React
- JavaScript
- Node.js
- Python
- Golang
- Kotlin
- C#
- PHP
<PixelBinImage
url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:60,b:60)/images/transformation/basic_chair.jpeg?v=1744646821354"
/>
import Pixelbin from "@pixelbin/core";
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"60"},{"key":"b","value":"60"}]}],
filePath: "images/transformation/basic_chair.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:60,b:60)/images/transformation/basic_chair.jpeg?v=1744646821354
const Pixelbin = require("@pixelbin/admin");
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"60"},{"key":"b","value":"60"}]}],
filePath: "images/transformation/basic_chair.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.url.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:60,b:60)/images/transformation/basic_chair.jpeg?v=1744646821354
from pixelbin.utils.url import obj_to_url
obj = {
"cloudName": "dummy-cloudname",
"zone": "FIDrmb",
"version": "v2",
"transformations": [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"60"},{"key":"b","value":"60"}]}],
"filePath": "images/transformation/basic_chair.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:60,b:60)/images/transformation/basic_chair.jpeg?v=1744646821354
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": "resize", "values": []map[string]interface{}{ {"key": "h", "value": "300"},{"key": "w", "value": "200"},}},,
{"plugin": "t", "name": "extend", "values": []map[string]interface{}{ {"key": "t", "value": "60"},{"key": "b", "value": "60"},}},
},
"filePath": "images/transformation/basic_chair.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
"options": map[string]interface{}{},
}
urlstring, err := url.ObjToUrl(obj)
if err != nil {
fmt.Println(err)
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:60,b:60)/images/transformation/basic_chair.jpeg?v=1744646821354
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 = "resize", values = hashMapOf( "h" to "300","w" to "200"), ),
TransformationObj( plugin = "t", name = "extend", values = hashMapOf( "t" to "60","b" to "60"), )
),
filePath = "images/transformation/basic_chair.jpeg",
baseUrl = "https://cdn.pixelbin.io"
)
val url = Utils.objToUrl(obj)
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:60,b:60)/images/transformation/basic_chair.jpeg?v=1744646821354
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_chair.jpeg",
zone: "FIDrmb",
baseUrl: "https://cdn.pixelbin.io",
transformations: new List<UrlTransformation>() {
new UrlTransformation(plugin: "t", name: "resize", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "h" }, { "value", "300" } }, new Dictionary<string, string>() { { "key", "w" }, { "value", "200" } }} ),
new UrlTransformation(plugin: "t", name: "extend", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "t" }, { "value", "60" } }, new Dictionary<string, string>() { { "key", "b" }, { "value", "60" } }} )
}
);
string url = Url.ObjToUrl(obj);
}
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:60,b:60)/images/transformation/basic_chair.jpeg?v=1744646821354
<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;
$obj = [
"cloudName" => "dummy-cloudname",
"zone" => "FIDrmb",
"version" => "v2",
"options" => [],
"transformations" => [
["plugin" => "t", "name" => "resize", "values" => [ [ "key" => "h", "value" => "300" ], [ "key" => "w", "value" => "200" ], ], ],
["plugin" => "t", "name" => "extend", "values" => [ [ "key" => "t", "value" => "60" ], [ "key" => "b", "value" => "60" ], ], ],
],
"filePath" => "images/transformation/basic_chair.jpeg",
"baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:60,b:60)/images/transformation/basic_chair.jpeg?v=1744646821354
?>
The image is resized to 300x200px and then extended. This adds 10px padding to all the sides with background color as black.
- URL
- React
- JavaScript
- Node.js
- Python
- Golang
- Kotlin
- C#
- PHP
<PixelBinImage
url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:20,r:40,b:20,l:40)/images/transformation/basic_chair.jpeg?v=1744646821354"
/>
import Pixelbin from "@pixelbin/core";
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"20"},{"key":"r","value":"40"},{"key":"b","value":"20"},{"key":"l","value":"40"}]}],
filePath: "images/transformation/basic_chair.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:20,r:40,b:20,l:40)/images/transformation/basic_chair.jpeg?v=1744646821354
const Pixelbin = require("@pixelbin/admin");
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"20"},{"key":"r","value":"40"},{"key":"b","value":"20"},{"key":"l","value":"40"}]}],
filePath: "images/transformation/basic_chair.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.url.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:20,r:40,b:20,l:40)/images/transformation/basic_chair.jpeg?v=1744646821354
from pixelbin.utils.url import obj_to_url
obj = {
"cloudName": "dummy-cloudname",
"zone": "FIDrmb",
"version": "v2",
"transformations": [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"20"},{"key":"r","value":"40"},{"key":"b","value":"20"},{"key":"l","value":"40"}]}],
"filePath": "images/transformation/basic_chair.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:20,r:40,b:20,l:40)/images/transformation/basic_chair.jpeg?v=1744646821354
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": "resize", "values": []map[string]interface{}{ {"key": "h", "value": "300"},{"key": "w", "value": "200"},}},,
{"plugin": "t", "name": "extend", "values": []map[string]interface{}{ {"key": "t", "value": "20"},{"key": "r", "value": "40"},{"key": "b", "value": "20"},{"key": "l", "value": "40"},}},
},
"filePath": "images/transformation/basic_chair.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
"options": map[string]interface{}{},
}
urlstring, err := url.ObjToUrl(obj)
if err != nil {
fmt.Println(err)
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:20,r:40,b:20,l:40)/images/transformation/basic_chair.jpeg?v=1744646821354
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 = "resize", values = hashMapOf( "h" to "300","w" to "200"), ),
TransformationObj( plugin = "t", name = "extend", values = hashMapOf( "t" to "20","r" to "40","b" to "20","l" to "40"), )
),
filePath = "images/transformation/basic_chair.jpeg",
baseUrl = "https://cdn.pixelbin.io"
)
val url = Utils.objToUrl(obj)
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:20,r:40,b:20,l:40)/images/transformation/basic_chair.jpeg?v=1744646821354
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_chair.jpeg",
zone: "FIDrmb",
baseUrl: "https://cdn.pixelbin.io",
transformations: new List<UrlTransformation>() {
new UrlTransformation(plugin: "t", name: "resize", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "h" }, { "value", "300" } }, new Dictionary<string, string>() { { "key", "w" }, { "value", "200" } }} ),
new UrlTransformation(plugin: "t", name: "extend", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "t" }, { "value", "20" } }, new Dictionary<string, string>() { { "key", "r" }, { "value", "40" } }, new Dictionary<string, string>() { { "key", "b" }, { "value", "20" } }, new Dictionary<string, string>() { { "key", "l" }, { "value", "40" } }} )
}
);
string url = Url.ObjToUrl(obj);
}
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:20,r:40,b:20,l:40)/images/transformation/basic_chair.jpeg?v=1744646821354
<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;
$obj = [
"cloudName" => "dummy-cloudname",
"zone" => "FIDrmb",
"version" => "v2",
"options" => [],
"transformations" => [
["plugin" => "t", "name" => "resize", "values" => [ [ "key" => "h", "value" => "300" ], [ "key" => "w", "value" => "200" ], ], ],
["plugin" => "t", "name" => "extend", "values" => [ [ "key" => "t", "value" => "20" ], [ "key" => "r", "value" => "40" ], [ "key" => "b", "value" => "20" ], [ "key" => "l", "value" => "40" ], ], ],
],
"filePath" => "images/transformation/basic_chair.jpeg",
"baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:20,r:40,b:20,l:40)/images/transformation/basic_chair.jpeg?v=1744646821354
?>
Background (bc)
The background colour for the padded area.
Uses hex value to determine the background color. The default background color is black.
- Default extend with background=black
- background=daa520
- Original
The image is resized to 300x200px and then extended. This adds 10px padding to all the sides with background color as black.
- URL
- React
- JavaScript
- Node.js
- Python
- Golang
- Kotlin
- C#
- PHP
<PixelBinImage
url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354"
/>
import Pixelbin from "@pixelbin/core";
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t"}],
filePath: "images/transformation/basic_chair.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354
const Pixelbin = require("@pixelbin/admin");
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t"}],
filePath: "images/transformation/basic_chair.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.url.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354
from pixelbin.utils.url import obj_to_url
obj = {
"cloudName": "dummy-cloudname",
"zone": "FIDrmb",
"version": "v2",
"transformations": [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t"}],
"filePath": "images/transformation/basic_chair.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354
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": "resize", "values": []map[string]interface{}{ {"key": "h", "value": "300"},{"key": "w", "value": "200"},}},,
{"plugin": "t", "name": "extend"},
},
"filePath": "images/transformation/basic_chair.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
"options": map[string]interface{}{},
}
urlstring, err := url.ObjToUrl(obj)
if err != nil {
fmt.Println(err)
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354
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 = "resize", values = hashMapOf( "h" to "300","w" to "200"), ),
TransformationObj( plugin = "t", name = "extend", )
),
filePath = "images/transformation/basic_chair.jpeg",
baseUrl = "https://cdn.pixelbin.io"
)
val url = Utils.objToUrl(obj)
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354
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_chair.jpeg",
zone: "FIDrmb",
baseUrl: "https://cdn.pixelbin.io",
transformations: new List<UrlTransformation>() {
new UrlTransformation(plugin: "t", name: "resize", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "h" }, { "value", "300" } }, new Dictionary<string, string>() { { "key", "w" }, { "value", "200" } }} ),
new UrlTransformation(plugin: "t", name: "extend", )
}
);
string url = Url.ObjToUrl(obj);
}
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354
<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;
$obj = [
"cloudName" => "dummy-cloudname",
"zone" => "FIDrmb",
"version" => "v2",
"options" => [],
"transformations" => [
["plugin" => "t", "name" => "resize", "values" => [ [ "key" => "h", "value" => "300" ], [ "key" => "w", "value" => "200" ], ], ],
["plugin" => "t", "name" => "extend", ],
],
"filePath" => "images/transformation/basic_chair.jpeg",
"baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend()/images/transformation/basic_chair.jpeg?v=1744646821354
?>
The image is resized to 300x200px and then extended. This adds 10px padding to all the sides with background color as goldenrod (#daa520).
- URL
- React
- JavaScript
- Node.js
- Python
- Golang
- Kotlin
- C#
- PHP
<PixelBinImage
url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(bc:daa520)/images/transformation/basic_chair.jpeg?v=1744646821354"
/>
import Pixelbin from "@pixelbin/core";
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"bc","value":"daa520"}]}],
filePath: "images/transformation/basic_chair.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(bc:daa520)/images/transformation/basic_chair.jpeg?v=1744646821354
const Pixelbin = require("@pixelbin/admin");
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"bc","value":"daa520"}]}],
filePath: "images/transformation/basic_chair.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.url.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(bc:daa520)/images/transformation/basic_chair.jpeg?v=1744646821354
from pixelbin.utils.url import obj_to_url
obj = {
"cloudName": "dummy-cloudname",
"zone": "FIDrmb",
"version": "v2",
"transformations": [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"bc","value":"daa520"}]}],
"filePath": "images/transformation/basic_chair.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(bc:daa520)/images/transformation/basic_chair.jpeg?v=1744646821354
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": "resize", "values": []map[string]interface{}{ {"key": "h", "value": "300"},{"key": "w", "value": "200"},}},,
{"plugin": "t", "name": "extend", "values": []map[string]interface{}{ {"key": "bc", "value": "daa520"},}},
},
"filePath": "images/transformation/basic_chair.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
"options": map[string]interface{}{},
}
urlstring, err := url.ObjToUrl(obj)
if err != nil {
fmt.Println(err)
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(bc:daa520)/images/transformation/basic_chair.jpeg?v=1744646821354
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 = "resize", values = hashMapOf( "h" to "300","w" to "200"), ),
TransformationObj( plugin = "t", name = "extend", values = hashMapOf( "bc" to "daa520"), )
),
filePath = "images/transformation/basic_chair.jpeg",
baseUrl = "https://cdn.pixelbin.io"
)
val url = Utils.objToUrl(obj)
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(bc:daa520)/images/transformation/basic_chair.jpeg?v=1744646821354
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_chair.jpeg",
zone: "FIDrmb",
baseUrl: "https://cdn.pixelbin.io",
transformations: new List<UrlTransformation>() {
new UrlTransformation(plugin: "t", name: "resize", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "h" }, { "value", "300" } }, new Dictionary<string, string>() { { "key", "w" }, { "value", "200" } }} ),
new UrlTransformation(plugin: "t", name: "extend", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "bc" }, { "value", "daa520" } }} )
}
);
string url = Url.ObjToUrl(obj);
}
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(bc:daa520)/images/transformation/basic_chair.jpeg?v=1744646821354
<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;
$obj = [
"cloudName" => "dummy-cloudname",
"zone" => "FIDrmb",
"version" => "v2",
"options" => [],
"transformations" => [
["plugin" => "t", "name" => "resize", "values" => [ [ "key" => "h", "value" => "300" ], [ "key" => "w", "value" => "200" ], ], ],
["plugin" => "t", "name" => "extend", "values" => [ [ "key" => "bc", "value" => "daa520" ], ], ],
],
"filePath" => "images/transformation/basic_chair.jpeg",
"baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(bc:daa520)/images/transformation/basic_chair.jpeg?v=1744646821354
?>
- URL
- React
- JavaScript
- Node.js
- Python
- Golang
- Kotlin
- C#
- PHP
<PixelBinImage
url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354"
/>
import Pixelbin from "@pixelbin/core";
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [],
filePath: "images/transformation/basic_chair.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354
const Pixelbin = require("@pixelbin/admin");
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [],
filePath: "images/transformation/basic_chair.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.url.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354
from pixelbin.utils.url import obj_to_url
obj = {
"cloudName": "dummy-cloudname",
"zone": "FIDrmb",
"version": "v2",
"transformations": [],
"filePath": "images/transformation/basic_chair.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354
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_chair.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
"options": map[string]interface{}{},
}
urlstring, err := url.ObjToUrl(obj)
if err != nil {
fmt.Println(err)
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354
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_chair.jpeg",
baseUrl = "https://cdn.pixelbin.io"
)
val url = Utils.objToUrl(obj)
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354
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_chair.jpeg",
zone: "FIDrmb",
baseUrl: "https://cdn.pixelbin.io",
transformations: new List<UrlTransformation>() {
}
);
string url = Url.ObjToUrl(obj);
}
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354
<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;
$obj = [
"cloudName" => "dummy-cloudname",
"zone" => "FIDrmb",
"version" => "v2",
"options" => [],
"transformations" => [
],
"filePath" => "images/transformation/basic_chair.jpeg",
"baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic_chair.jpeg?v=1744646821354
?>
Border Type (bt)
This parameter decides how to fill the extra space created by the pad parameters.
constant (default) - Fills extra space with the solid color specified by the parameter
background. Ifbackgroundis not specified then the access space will be filled with the defaultblackcolor.replicate - Fills extra space by replicating the nearest pixels at the border of the original image.
reflect - Fills extra space by reflecting the image from the sides.
wrap - Fills extra space by wrapping the image at the opposite end of the side.
- border-type=constant
- border-type=replicate
- border-type=reflect
- border-type=wrap
- Original
- URL
- React
- JavaScript
- Node.js
- Python
- Golang
- Kotlin
- C#
- PHP
<PixelBinImage
url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:constant)/images/transformation/basic-default.jpeg?v=1744646821354"
/>
import Pixelbin from "@pixelbin/core";
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"b","value":"30"},{"key":"r","value":"30"},{"key":"l","value":"30"},{"key":"bt","value":"constant"}]}],
filePath: "images/transformation/basic-default.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:constant)/images/transformation/basic-default.jpeg?v=1744646821354
const Pixelbin = require("@pixelbin/admin");
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"b","value":"30"},{"key":"r","value":"30"},{"key":"l","value":"30"},{"key":"bt","value":"constant"}]}],
filePath: "images/transformation/basic-default.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.url.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:constant)/images/transformation/basic-default.jpeg?v=1744646821354
from pixelbin.utils.url import obj_to_url
obj = {
"cloudName": "dummy-cloudname",
"zone": "FIDrmb",
"version": "v2",
"transformations": [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"b","value":"30"},{"key":"r","value":"30"},{"key":"l","value":"30"},{"key":"bt","value":"constant"}]}],
"filePath": "images/transformation/basic-default.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:constant)/images/transformation/basic-default.jpeg?v=1744646821354
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": "resize", "values": []map[string]interface{}{ {"key": "h", "value": "300"},{"key": "w", "value": "200"},}},,
{"plugin": "t", "name": "extend", "values": []map[string]interface{}{ {"key": "t", "value": "30"},{"key": "b", "value": "30"},{"key": "r", "value": "30"},{"key": "l", "value": "30"},{"key": "bt", "value": "constant"},}},
},
"filePath": "images/transformation/basic-default.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
"options": map[string]interface{}{},
}
urlstring, err := url.ObjToUrl(obj)
if err != nil {
fmt.Println(err)
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:constant)/images/transformation/basic-default.jpeg?v=1744646821354
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 = "resize", values = hashMapOf( "h" to "300","w" to "200"), ),
TransformationObj( plugin = "t", name = "extend", values = hashMapOf( "t" to "30","b" to "30","r" to "30","l" to "30","bt" to "constant"), )
),
filePath = "images/transformation/basic-default.jpeg",
baseUrl = "https://cdn.pixelbin.io"
)
val url = Utils.objToUrl(obj)
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:constant)/images/transformation/basic-default.jpeg?v=1744646821354
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-default.jpeg",
zone: "FIDrmb",
baseUrl: "https://cdn.pixelbin.io",
transformations: new List<UrlTransformation>() {
new UrlTransformation(plugin: "t", name: "resize", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "h" }, { "value", "300" } }, new Dictionary<string, string>() { { "key", "w" }, { "value", "200" } }} ),
new UrlTransformation(plugin: "t", name: "extend", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "t" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "b" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "r" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "l" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "bt" }, { "value", "constant" } }} )
}
);
string url = Url.ObjToUrl(obj);
}
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:constant)/images/transformation/basic-default.jpeg?v=1744646821354
<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;
$obj = [
"cloudName" => "dummy-cloudname",
"zone" => "FIDrmb",
"version" => "v2",
"options" => [],
"transformations" => [
["plugin" => "t", "name" => "resize", "values" => [ [ "key" => "h", "value" => "300" ], [ "key" => "w", "value" => "200" ], ], ],
["plugin" => "t", "name" => "extend", "values" => [ [ "key" => "t", "value" => "30" ], [ "key" => "b", "value" => "30" ], [ "key" => "r", "value" => "30" ], [ "key" => "l", "value" => "30" ], [ "key" => "bt", "value" => "constant" ], ], ],
],
"filePath" => "images/transformation/basic-default.jpeg",
"baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:constant)/images/transformation/basic-default.jpeg?v=1744646821354
?>
- URL
- React
- JavaScript
- Node.js
- Python
- Golang
- Kotlin
- C#
- PHP
<PixelBinImage
url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:replicate)/images/transformation/basic-default.jpeg?v=1744646821354"
/>
import Pixelbin from "@pixelbin/core";
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"b","value":"30"},{"key":"r","value":"30"},{"key":"l","value":"30"},{"key":"bt","value":"replicate"}]}],
filePath: "images/transformation/basic-default.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:replicate)/images/transformation/basic-default.jpeg?v=1744646821354
const Pixelbin = require("@pixelbin/admin");
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"b","value":"30"},{"key":"r","value":"30"},{"key":"l","value":"30"},{"key":"bt","value":"replicate"}]}],
filePath: "images/transformation/basic-default.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.url.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:replicate)/images/transformation/basic-default.jpeg?v=1744646821354
from pixelbin.utils.url import obj_to_url
obj = {
"cloudName": "dummy-cloudname",
"zone": "FIDrmb",
"version": "v2",
"transformations": [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"b","value":"30"},{"key":"r","value":"30"},{"key":"l","value":"30"},{"key":"bt","value":"replicate"}]}],
"filePath": "images/transformation/basic-default.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:replicate)/images/transformation/basic-default.jpeg?v=1744646821354
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": "resize", "values": []map[string]interface{}{ {"key": "h", "value": "300"},{"key": "w", "value": "200"},}},,
{"plugin": "t", "name": "extend", "values": []map[string]interface{}{ {"key": "t", "value": "30"},{"key": "b", "value": "30"},{"key": "r", "value": "30"},{"key": "l", "value": "30"},{"key": "bt", "value": "replicate"},}},
},
"filePath": "images/transformation/basic-default.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
"options": map[string]interface{}{},
}
urlstring, err := url.ObjToUrl(obj)
if err != nil {
fmt.Println(err)
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:replicate)/images/transformation/basic-default.jpeg?v=1744646821354
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 = "resize", values = hashMapOf( "h" to "300","w" to "200"), ),
TransformationObj( plugin = "t", name = "extend", values = hashMapOf( "t" to "30","b" to "30","r" to "30","l" to "30","bt" to "replicate"), )
),
filePath = "images/transformation/basic-default.jpeg",
baseUrl = "https://cdn.pixelbin.io"
)
val url = Utils.objToUrl(obj)
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:replicate)/images/transformation/basic-default.jpeg?v=1744646821354
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-default.jpeg",
zone: "FIDrmb",
baseUrl: "https://cdn.pixelbin.io",
transformations: new List<UrlTransformation>() {
new UrlTransformation(plugin: "t", name: "resize", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "h" }, { "value", "300" } }, new Dictionary<string, string>() { { "key", "w" }, { "value", "200" } }} ),
new UrlTransformation(plugin: "t", name: "extend", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "t" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "b" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "r" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "l" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "bt" }, { "value", "replicate" } }} )
}
);
string url = Url.ObjToUrl(obj);
}
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:replicate)/images/transformation/basic-default.jpeg?v=1744646821354
<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;
$obj = [
"cloudName" => "dummy-cloudname",
"zone" => "FIDrmb",
"version" => "v2",
"options" => [],
"transformations" => [
["plugin" => "t", "name" => "resize", "values" => [ [ "key" => "h", "value" => "300" ], [ "key" => "w", "value" => "200" ], ], ],
["plugin" => "t", "name" => "extend", "values" => [ [ "key" => "t", "value" => "30" ], [ "key" => "b", "value" => "30" ], [ "key" => "r", "value" => "30" ], [ "key" => "l", "value" => "30" ], [ "key" => "bt", "value" => "replicate" ], ], ],
],
"filePath" => "images/transformation/basic-default.jpeg",
"baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:replicate)/images/transformation/basic-default.jpeg?v=1744646821354
?>
- URL
- React
- JavaScript
- Node.js
- Python
- Golang
- Kotlin
- C#
- PHP
<PixelBinImage
url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:reflect)/images/transformation/basic-default.jpeg?v=1744646821354"
/>
import Pixelbin from "@pixelbin/core";
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"b","value":"30"},{"key":"r","value":"30"},{"key":"l","value":"30"},{"key":"bt","value":"reflect"}]}],
filePath: "images/transformation/basic-default.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:reflect)/images/transformation/basic-default.jpeg?v=1744646821354
const Pixelbin = require("@pixelbin/admin");
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"b","value":"30"},{"key":"r","value":"30"},{"key":"l","value":"30"},{"key":"bt","value":"reflect"}]}],
filePath: "images/transformation/basic-default.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.url.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:reflect)/images/transformation/basic-default.jpeg?v=1744646821354
from pixelbin.utils.url import obj_to_url
obj = {
"cloudName": "dummy-cloudname",
"zone": "FIDrmb",
"version": "v2",
"transformations": [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"b","value":"30"},{"key":"r","value":"30"},{"key":"l","value":"30"},{"key":"bt","value":"reflect"}]}],
"filePath": "images/transformation/basic-default.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:reflect)/images/transformation/basic-default.jpeg?v=1744646821354
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": "resize", "values": []map[string]interface{}{ {"key": "h", "value": "300"},{"key": "w", "value": "200"},}},,
{"plugin": "t", "name": "extend", "values": []map[string]interface{}{ {"key": "t", "value": "30"},{"key": "b", "value": "30"},{"key": "r", "value": "30"},{"key": "l", "value": "30"},{"key": "bt", "value": "reflect"},}},
},
"filePath": "images/transformation/basic-default.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
"options": map[string]interface{}{},
}
urlstring, err := url.ObjToUrl(obj)
if err != nil {
fmt.Println(err)
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:reflect)/images/transformation/basic-default.jpeg?v=1744646821354
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 = "resize", values = hashMapOf( "h" to "300","w" to "200"), ),
TransformationObj( plugin = "t", name = "extend", values = hashMapOf( "t" to "30","b" to "30","r" to "30","l" to "30","bt" to "reflect"), )
),
filePath = "images/transformation/basic-default.jpeg",
baseUrl = "https://cdn.pixelbin.io"
)
val url = Utils.objToUrl(obj)
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:reflect)/images/transformation/basic-default.jpeg?v=1744646821354
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-default.jpeg",
zone: "FIDrmb",
baseUrl: "https://cdn.pixelbin.io",
transformations: new List<UrlTransformation>() {
new UrlTransformation(plugin: "t", name: "resize", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "h" }, { "value", "300" } }, new Dictionary<string, string>() { { "key", "w" }, { "value", "200" } }} ),
new UrlTransformation(plugin: "t", name: "extend", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "t" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "b" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "r" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "l" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "bt" }, { "value", "reflect" } }} )
}
);
string url = Url.ObjToUrl(obj);
}
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:reflect)/images/transformation/basic-default.jpeg?v=1744646821354
<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;
$obj = [
"cloudName" => "dummy-cloudname",
"zone" => "FIDrmb",
"version" => "v2",
"options" => [],
"transformations" => [
["plugin" => "t", "name" => "resize", "values" => [ [ "key" => "h", "value" => "300" ], [ "key" => "w", "value" => "200" ], ], ],
["plugin" => "t", "name" => "extend", "values" => [ [ "key" => "t", "value" => "30" ], [ "key" => "b", "value" => "30" ], [ "key" => "r", "value" => "30" ], [ "key" => "l", "value" => "30" ], [ "key" => "bt", "value" => "reflect" ], ], ],
],
"filePath" => "images/transformation/basic-default.jpeg",
"baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:reflect)/images/transformation/basic-default.jpeg?v=1744646821354
?>
- URL
- React
- JavaScript
- Node.js
- Python
- Golang
- Kotlin
- C#
- PHP
<PixelBinImage
url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:wrap)/images/transformation/basic-default.jpeg?v=1744646821354"
/>
import Pixelbin from "@pixelbin/core";
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"b","value":"30"},{"key":"r","value":"30"},{"key":"l","value":"30"},{"key":"bt","value":"wrap"}]}],
filePath: "images/transformation/basic-default.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:wrap)/images/transformation/basic-default.jpeg?v=1744646821354
const Pixelbin = require("@pixelbin/admin");
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"b","value":"30"},{"key":"r","value":"30"},{"key":"l","value":"30"},{"key":"bt","value":"wrap"}]}],
filePath: "images/transformation/basic-default.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.url.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:wrap)/images/transformation/basic-default.jpeg?v=1744646821354
from pixelbin.utils.url import obj_to_url
obj = {
"cloudName": "dummy-cloudname",
"zone": "FIDrmb",
"version": "v2",
"transformations": [{"name":"resize","plugin":"t","values":[{"key":"h","value":"300"},{"key":"w","value":"200"}]},{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"b","value":"30"},{"key":"r","value":"30"},{"key":"l","value":"30"},{"key":"bt","value":"wrap"}]}],
"filePath": "images/transformation/basic-default.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:wrap)/images/transformation/basic-default.jpeg?v=1744646821354
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": "resize", "values": []map[string]interface{}{ {"key": "h", "value": "300"},{"key": "w", "value": "200"},}},,
{"plugin": "t", "name": "extend", "values": []map[string]interface{}{ {"key": "t", "value": "30"},{"key": "b", "value": "30"},{"key": "r", "value": "30"},{"key": "l", "value": "30"},{"key": "bt", "value": "wrap"},}},
},
"filePath": "images/transformation/basic-default.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
"options": map[string]interface{}{},
}
urlstring, err := url.ObjToUrl(obj)
if err != nil {
fmt.Println(err)
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:wrap)/images/transformation/basic-default.jpeg?v=1744646821354
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 = "resize", values = hashMapOf( "h" to "300","w" to "200"), ),
TransformationObj( plugin = "t", name = "extend", values = hashMapOf( "t" to "30","b" to "30","r" to "30","l" to "30","bt" to "wrap"), )
),
filePath = "images/transformation/basic-default.jpeg",
baseUrl = "https://cdn.pixelbin.io"
)
val url = Utils.objToUrl(obj)
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:wrap)/images/transformation/basic-default.jpeg?v=1744646821354
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-default.jpeg",
zone: "FIDrmb",
baseUrl: "https://cdn.pixelbin.io",
transformations: new List<UrlTransformation>() {
new UrlTransformation(plugin: "t", name: "resize", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "h" }, { "value", "300" } }, new Dictionary<string, string>() { { "key", "w" }, { "value", "200" } }} ),
new UrlTransformation(plugin: "t", name: "extend", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "t" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "b" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "r" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "l" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "bt" }, { "value", "wrap" } }} )
}
);
string url = Url.ObjToUrl(obj);
}
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:wrap)/images/transformation/basic-default.jpeg?v=1744646821354
<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;
$obj = [
"cloudName" => "dummy-cloudname",
"zone" => "FIDrmb",
"version" => "v2",
"options" => [],
"transformations" => [
["plugin" => "t", "name" => "resize", "values" => [ [ "key" => "h", "value" => "300" ], [ "key" => "w", "value" => "200" ], ], ],
["plugin" => "t", "name" => "extend", "values" => [ [ "key" => "t", "value" => "30" ], [ "key" => "b", "value" => "30" ], [ "key" => "r", "value" => "30" ], [ "key" => "l", "value" => "30" ], [ "key" => "bt", "value" => "wrap" ], ], ],
],
"filePath" => "images/transformation/basic-default.jpeg",
"baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(h:300,w:200)~t.extend(t:30,b:30,r:30,l:30,bt:wrap)/images/transformation/basic-default.jpeg?v=1744646821354
?>
- URL
- React
- JavaScript
- Node.js
- Python
- Golang
- Kotlin
- C#
- PHP
<PixelBinImage
url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic-default.jpeg?v=1744646821354"
/>
import Pixelbin from "@pixelbin/core";
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [],
filePath: "images/transformation/basic-default.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic-default.jpeg?v=1744646821354
const Pixelbin = require("@pixelbin/admin");
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [],
filePath: "images/transformation/basic-default.jpeg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.url.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic-default.jpeg?v=1744646821354
from pixelbin.utils.url import obj_to_url
obj = {
"cloudName": "dummy-cloudname",
"zone": "FIDrmb",
"version": "v2",
"transformations": [],
"filePath": "images/transformation/basic-default.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic-default.jpeg?v=1744646821354
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-default.jpeg",
"baseUrl": "https://cdn.pixelbin.io",
"options": map[string]interface{}{},
}
urlstring, err := url.ObjToUrl(obj)
if err != nil {
fmt.Println(err)
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic-default.jpeg?v=1744646821354
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-default.jpeg",
baseUrl = "https://cdn.pixelbin.io"
)
val url = Utils.objToUrl(obj)
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic-default.jpeg?v=1744646821354
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-default.jpeg",
zone: "FIDrmb",
baseUrl: "https://cdn.pixelbin.io",
transformations: new List<UrlTransformation>() {
}
);
string url = Url.ObjToUrl(obj);
}
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic-default.jpeg?v=1744646821354
<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;
$obj = [
"cloudName" => "dummy-cloudname",
"zone" => "FIDrmb",
"version" => "v2",
"options" => [],
"transformations" => [
],
"filePath" => "images/transformation/basic-default.jpeg",
"baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/basic-default.jpeg?v=1744646821354
?>
DPR (dpr)
Device Pixel Ratio (DPR) refers to the ratio between physical pixels on a device's screen and logical pixels that are used to define the size and position of elements on a web page. In the context of blurring an image, DPR is not directly related to the blurring process itself, but it may affect how the blurred image is displayed on different devices.
The default dpr value is 1. The minimum value users can set is 0.1 and the maximum is 5. The desired output is obtained by multiplying the dpr value with the selected input parameter values. For instance, suppose the user selects the top and left input parameters. In such a situation, the output will be produced by multiplying the dpr value by the top and left values. Depending on the chosen input parameters and the dpr value, different outputs will be produced.
For instance, when using (top=30, left=20, dpr=3), the output will be 1800 (30 x 20 x 3 = 1800). Similarly, (top=50, left=50, bottom=50, right=50, dpr=3) will result in an output of 18750000 (50 x 50 x 50 x 50 x 3 = 18750000).
- Extend with (top=30,left=20,dpr=default)
- Extend with (top=30,left=20,dpr=3)
- Original
- URL
- React
- JavaScript
- Node.js
- Python
- Golang
- Kotlin
- C#
- PHP
<PixelBinImage
url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20)/images/transformation/baseball-game.jpg?v=1744646821354"
/>
import Pixelbin from "@pixelbin/core";
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"l","value":"20"}]}],
filePath: "images/transformation/baseball-game.jpg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20)/images/transformation/baseball-game.jpg?v=1744646821354
const Pixelbin = require("@pixelbin/admin");
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"l","value":"20"}]}],
filePath: "images/transformation/baseball-game.jpg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.url.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20)/images/transformation/baseball-game.jpg?v=1744646821354
from pixelbin.utils.url import obj_to_url
obj = {
"cloudName": "dummy-cloudname",
"zone": "FIDrmb",
"version": "v2",
"transformations": [{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"l","value":"20"}]}],
"filePath": "images/transformation/baseball-game.jpg",
"baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20)/images/transformation/baseball-game.jpg?v=1744646821354
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": "extend", "values": []map[string]interface{}{ {"key": "t", "value": "30"},{"key": "l", "value": "20"},}},
},
"filePath": "images/transformation/baseball-game.jpg",
"baseUrl": "https://cdn.pixelbin.io",
"options": map[string]interface{}{},
}
urlstring, err := url.ObjToUrl(obj)
if err != nil {
fmt.Println(err)
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20)/images/transformation/baseball-game.jpg?v=1744646821354
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 = "extend", values = hashMapOf( "t" to "30","l" to "20"), )
),
filePath = "images/transformation/baseball-game.jpg",
baseUrl = "https://cdn.pixelbin.io"
)
val url = Utils.objToUrl(obj)
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20)/images/transformation/baseball-game.jpg?v=1744646821354
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/baseball-game.jpg",
zone: "FIDrmb",
baseUrl: "https://cdn.pixelbin.io",
transformations: new List<UrlTransformation>() {
new UrlTransformation(plugin: "t", name: "extend", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "t" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "l" }, { "value", "20" } }} )
}
);
string url = Url.ObjToUrl(obj);
}
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20)/images/transformation/baseball-game.jpg?v=1744646821354
<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;
$obj = [
"cloudName" => "dummy-cloudname",
"zone" => "FIDrmb",
"version" => "v2",
"options" => [],
"transformations" => [
["plugin" => "t", "name" => "extend", "values" => [ [ "key" => "t", "value" => "30" ], [ "key" => "l", "value" => "20" ], ], ],
],
"filePath" => "images/transformation/baseball-game.jpg",
"baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20)/images/transformation/baseball-game.jpg?v=1744646821354
?>
- URL
- React
- JavaScript
- Node.js
- Python
- Golang
- Kotlin
- C#
- PHP
<PixelBinImage
url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20,dpr:3)/images/transformation/baseball-game.jpg?v=1744646821354"
/>
import Pixelbin from "@pixelbin/core";
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"l","value":"20"},{"key":"dpr","value":"3"}]}],
filePath: "images/transformation/baseball-game.jpg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20,dpr:3)/images/transformation/baseball-game.jpg?v=1744646821354
const Pixelbin = require("@pixelbin/admin");
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"l","value":"20"},{"key":"dpr","value":"3"}]}],
filePath: "images/transformation/baseball-game.jpg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.url.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20,dpr:3)/images/transformation/baseball-game.jpg?v=1744646821354
from pixelbin.utils.url import obj_to_url
obj = {
"cloudName": "dummy-cloudname",
"zone": "FIDrmb",
"version": "v2",
"transformations": [{"name":"extend","plugin":"t","values":[{"key":"t","value":"30"},{"key":"l","value":"20"},{"key":"dpr","value":"3"}]}],
"filePath": "images/transformation/baseball-game.jpg",
"baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20,dpr:3)/images/transformation/baseball-game.jpg?v=1744646821354
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": "extend", "values": []map[string]interface{}{ {"key": "t", "value": "30"},{"key": "l", "value": "20"},{"key": "dpr", "value": "3"},}},
},
"filePath": "images/transformation/baseball-game.jpg",
"baseUrl": "https://cdn.pixelbin.io",
"options": map[string]interface{}{},
}
urlstring, err := url.ObjToUrl(obj)
if err != nil {
fmt.Println(err)
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20,dpr:3)/images/transformation/baseball-game.jpg?v=1744646821354
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 = "extend", values = hashMapOf( "t" to "30","l" to "20","dpr" to "3"), )
),
filePath = "images/transformation/baseball-game.jpg",
baseUrl = "https://cdn.pixelbin.io"
)
val url = Utils.objToUrl(obj)
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20,dpr:3)/images/transformation/baseball-game.jpg?v=1744646821354
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/baseball-game.jpg",
zone: "FIDrmb",
baseUrl: "https://cdn.pixelbin.io",
transformations: new List<UrlTransformation>() {
new UrlTransformation(plugin: "t", name: "extend", values: new List<Dictionary<string, string>>() { new Dictionary<string, string>() { { "key", "t" }, { "value", "30" } }, new Dictionary<string, string>() { { "key", "l" }, { "value", "20" } }, new Dictionary<string, string>() { { "key", "dpr" }, { "value", "3" } }} )
}
);
string url = Url.ObjToUrl(obj);
}
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20,dpr:3)/images/transformation/baseball-game.jpg?v=1744646821354
<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;
$obj = [
"cloudName" => "dummy-cloudname",
"zone" => "FIDrmb",
"version" => "v2",
"options" => [],
"transformations" => [
["plugin" => "t", "name" => "extend", "values" => [ [ "key" => "t", "value" => "30" ], [ "key" => "l", "value" => "20" ], [ "key" => "dpr", "value" => "3" ], ], ],
],
"filePath" => "images/transformation/baseball-game.jpg",
"baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.extend(t:30,l:20,dpr:3)/images/transformation/baseball-game.jpg?v=1744646821354
?>
- URL
- React
- JavaScript
- Node.js
- Python
- Golang
- Kotlin
- C#
- PHP
<PixelBinImage
url="https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/baseball-game.jpg?v=1744646821354"
/>
import Pixelbin from "@pixelbin/core";
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [],
filePath: "images/transformation/baseball-game.jpg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.default.utils.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/baseball-game.jpg?v=1744646821354
const Pixelbin = require("@pixelbin/admin");
const obj = {
cloudName: "dummy-cloudname",
zone: "FIDrmb",
version: "v2",
transformations: [],
filePath: "images/transformation/baseball-game.jpg",
baseUrl: "https://cdn.pixelbin.io",
};
const url = Pixelbin.url.objToUrl(obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/baseball-game.jpg?v=1744646821354
from pixelbin.utils.url import obj_to_url
obj = {
"cloudName": "dummy-cloudname",
"zone": "FIDrmb",
"version": "v2",
"transformations": [],
"filePath": "images/transformation/baseball-game.jpg",
"baseUrl": "https://cdn.pixelbin.io",
}
url = obj_to_url(obj)
# url
# https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/baseball-game.jpg?v=1744646821354
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/baseball-game.jpg",
"baseUrl": "https://cdn.pixelbin.io",
"options": map[string]interface{}{},
}
urlstring, err := url.ObjToUrl(obj)
if err != nil {
fmt.Println(err)
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/baseball-game.jpg?v=1744646821354
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/baseball-game.jpg",
baseUrl = "https://cdn.pixelbin.io"
)
val url = Utils.objToUrl(obj)
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/baseball-game.jpg?v=1744646821354
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/baseball-game.jpg",
zone: "FIDrmb",
baseUrl: "https://cdn.pixelbin.io",
transformations: new List<UrlTransformation>() {
}
);
string url = Url.ObjToUrl(obj);
}
}
}
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/baseball-game.jpg?v=1744646821354
<?php
require 'vendor/autoload.php';
use Pixelbin\Utils\Url;
$obj = [
"cloudName" => "dummy-cloudname",
"zone" => "FIDrmb",
"version" => "v2",
"options" => [],
"transformations" => [
],
"filePath" => "images/transformation/baseball-game.jpg",
"baseUrl" => "https://cdn.pixelbin.io",
];
$url = Url::obj_to_url($obj);
// url
// https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/original/images/transformation/baseball-game.jpg?v=1744646821354
?>