On this page
article
Percept Pixel
https://domain/options/path/file
Transformations
https://domain/h_100/logo.webp
| Option | Key | Example Value | Description |
|---|---|---|---|
| Width | w | w_900 | Set Width |
| Height | h | h_450 | Set Height |
| Quality | q | q_80, q_eco, q_good, q_best | Set quality by phrase or amount |
| Format | f | f_webp, f_jpeg, f_png, f_auto | ets output format |
| Rotate | a | a_90, a_-90 | Rotate |
| Grayscale | e | e_grayscale | Grayscale |
| Remove Background | e | e_bgremoval | Remove background |
Replace background
Backgrounds can be replaced with colors or default textures. Colors are defined in hex.
Replace with background color of green: i_bgreplace,b_31ff00
https://domain/i_bgreplace,b_31ff00/logo.webp
https://domain/i_bgreplace,b_uid_McQUAiBJnY/logo.webp
You may also replace with an image. Instead of a color, use an uid image code such as b_uid_McQUAiBJnY
| Image | Name | Code |
|---|---|---|
 | Brick | b_uid_McQUAiBJnY |
 | Dark Leaves | b_uid_sblqYeFiJd |
 | Green Field | b_uid_QwNeNuXUBK |
 | Orange Panel | b_uid_cnPcjtoDQF |
 | Silver Rupee | b_uid_HXomTOIhOg |
 | Silver Rupee | b_uid_HXomTOIhOg |
 | Blue Canvas | b_uid_vmkwuXfypO |
 | Green Fade | b_uid_oPXyCljlQT |
 | Purple Wall | b_uid_nyzPEKyLcj |
 | Tan Wall | b_uid_KKEArdVBHY |
 | Blurred Green | b_uid_JUjjLQoMDJ |
 | Cotton Candy | b_uid_vYMBmQjjZz |
| Custom Color | b_ffffff |
Blurring
Two parameters available:
blur_{sigma_minimumAmplitude} Blur transformation can be used by passing sigma and minimum amplitude value preceded by the blur_ literal.
sigmaIn image processing, “sigma” in Gaussian blur controls how blurry the image becomes. A higher sigma means more blur, while a lower sigma means less blur.minimumAmplitudeIn Gaussian blur, “minimum amplitude” is the level where small parts of the blur effect are ignored to make the process faster and the blur smoother.
https://domain/blur_5_0.5/logo.webp
Info
- Images are pulled from Pcloud public folder
- They are processed through PerceptPixel, allowing transformations and then delivered through the Cloudflare CDN, which caches generated images.
flowchart LR pcloud[PCloud] --> percept_pixel[PerceptPixel] --> cloudflare[Cloudflare] --> browser[User Browser]
Other services
wsrv.nl
Free hosted service to render any image
Example url for adjusting size:
https//wsrv.nl/?url=https://wsrv.nl/lichtenstein.jpg&w=200
Can also render the base64 data of image:
https//wsrv.nl/?url=https://wsrv.nl/lichtenstein.jpg&w=200&encoding=base64