Blade Components / Image

The Image component provides an easy way to deliver images from Cloudinary using Blade syntax.

With it comes access to more advanced features like dynamic cropping, background removal, overlays, and other Cloudinary transofrmations.

Basic usage:

<x-cloudinary::image public-id="example" />

With additional properties:

<x-cloudinary::image public-id="example" width="300" height="300" />

Properties Available

Property	Type	Required	Example
public-id	string	Yes	sample
width	string	No	300
height	string	No	300
alt	string	Yes	Dog catching a frisbee
class	string	No	rounded shadow-lg
crop	string	No	fill
gravity	string	No	auto
effect	string	No	sepia
rotate	string	No	90
colorize	string	No	50,100,150
trim	string	No	true
blur	string	No	500
gray-scale	string	No	true
black-white	string	No	true
sepia	string	No	true
redeye	string	No	true
negate	string	No	true
oil-paint	string	No	30
vignette	string	No	30
simulate-colorblind	string	No	deuteranopia
pixelate	string	No	5
unsharp-mask	string	No	500
saturation	string	No	50
contrast	string	No	50
brightness	string	No	50
gamma	string	No	50
improve-mode	string	No	indoor
shadow	string	No	50,x5,y5
border	string	No	5px_solid_black
round-corners	string	No	max
bg-color	string	No	lightblue
art	string	No	al_dente
cartoonify	string	No	20:60