Welcome!

This is the main demo page of the PhotoAlbum sample PHP application of Cloudinary.
Here you can see all images you have uploaded to this PHP application and find some information on how to implement your own PHP application storing, manipulating and serving your photos using Cloudinary!

All of the images you see here are transformed and served by Cloudinary. For instance, the logo and the poster frame. They are both generated in the cloud using the Cloudinary shortcut functions: fetch_image_tag and facebook_profile_image_tag. These two pictures weren't even have to be uploaded to Cloudinary, they are retrieved by the service, transformed, cached and distributed through a CDN.

Your Images

Following are the images uploaded by you. You can also upload more pictures. You can click on each picture to view its original size, and see more info about and additional transformations. Upload Images...

gradient-h.png
Hide transformations...

format:"jpg"
height:150
width:150
crop:"fill"
radius:10

format:"jpg"
height:150
width:150
crop:"scale"

format:"png"
height:150
width:150
crop:"fit"

format:"jpg"
height:150
width:150
crop:"thumb"
gravity:"face"

format:"png"
angle:20
transformation:{"crop":"fill","gravity":"north","width":150,"height":150,"effect":"sepia"}

format:"png"
transformation:[{"width":150,"height":150},{"overlay":"cloudinary","width":75,"gravity":"center","y":-30,"x":-30}]

crop:"scale"
format:"png"
transformation:{"width":150,"height":150,"effect":"saturation:50"}
Take a look at our documentation of Image Transformations for a full list of supported transformations.
DSCN7469.JPG
Hide transformations...

format:"jpg"
height:150
width:150
crop:"fill"
radius:10

format:"jpg"
height:150
width:150
crop:"scale"

format:"png"
height:150
width:150
crop:"fit"

format:"jpg"
height:150
width:150
crop:"thumb"
gravity:"face"

format:"png"
angle:20
transformation:{"crop":"fill","gravity":"north","width":150,"height":150,"effect":"sepia"}

format:"png"
transformation:[{"width":150,"height":150},{"overlay":"cloudinary","width":75,"gravity":"center","y":-30,"x":-30}]

crop:"scale"
format:"png"
transformation:{"width":150,"height":150,"effect":"saturation:50"}
Take a look at our documentation of Image Transformations for a full list of supported transformations.
DSCN7474.JPG
Hide transformations...

format:"jpg"
height:150
width:150
crop:"fill"
radius:10

format:"jpg"
height:150
width:150
crop:"scale"

format:"png"
height:150
width:150
crop:"fit"

format:"jpg"
height:150
width:150
crop:"thumb"
gravity:"face"

format:"png"
angle:20
transformation:{"crop":"fill","gravity":"north","width":150,"height":150,"effect":"sepia"}

format:"png"
transformation:[{"width":150,"height":150},{"overlay":"cloudinary","width":75,"gravity":"center","y":-30,"x":-30}]

crop:"scale"
format:"png"
transformation:{"width":150,"height":150,"effect":"saturation:50"}
Take a look at our documentation of Image Transformations for a full list of supported transformations.
DSCN7475.JPG
Hide transformations...

format:"jpg"
height:150
width:150
crop:"fill"
radius:10

format:"jpg"
height:150
width:150
crop:"scale"

format:"png"
height:150
width:150
crop:"fit"

format:"jpg"
height:150
width:150
crop:"thumb"
gravity:"face"

format:"png"
angle:20
transformation:{"crop":"fill","gravity":"north","width":150,"height":150,"effect":"sepia"}

format:"png"
transformation:[{"width":150,"height":150},{"overlay":"cloudinary","width":75,"gravity":"center","y":-30,"x":-30}]

crop:"scale"
format:"png"
transformation:{"width":150,"height":150,"effect":"saturation:50"}
Take a look at our documentation of Image Transformations for a full list of supported transformations.
ovgodybijk2vmgiktozr
Hide transformations...

format:"jpg"
height:150
width:150
crop:"fill"
radius:10

format:"jpg"
height:150
width:150
crop:"scale"

format:"png"
height:150
width:150
crop:"fit"

format:"jpg"
height:150
width:150
crop:"thumb"
gravity:"face"

format:"png"
angle:20
transformation:{"crop":"fill","gravity":"north","width":150,"height":150,"effect":"sepia"}

format:"png"
transformation:[{"width":150,"height":150},{"overlay":"cloudinary","width":75,"gravity":"center","y":-30,"x":-30}]

crop:"scale"
format:"png"
transformation:{"width":150,"height":150,"effect":"saturation:50"}
Take a look at our documentation of Image Transformations for a full list of supported transformations.
DSCN7477.JPG
Hide transformations...

format:"jpg"
height:150
width:150
crop:"fill"
radius:10

format:"jpg"
height:150
width:150
crop:"scale"

format:"png"
height:150
width:150
crop:"fit"

format:"jpg"
height:150
width:150
crop:"thumb"
gravity:"face"

format:"png"
angle:20
transformation:{"crop":"fill","gravity":"north","width":150,"height":150,"effect":"sepia"}

format:"png"
transformation:[{"width":150,"height":150},{"overlay":"cloudinary","width":75,"gravity":"center","y":-30,"x":-30}]

crop:"scale"
format:"png"
transformation:{"width":150,"height":150,"effect":"saturation:50"}
Take a look at our documentation of Image Transformations for a full list of supported transformations.
sample_cmyk.jpg
Hide transformations...

format:"jpg"
height:150
width:150
crop:"fill"
radius:10

format:"jpg"
height:150
width:150
crop:"scale"

format:"png"
height:150
width:150
crop:"fit"

format:"jpg"
height:150
width:150
crop:"thumb"
gravity:"face"

format:"png"
angle:20
transformation:{"crop":"fill","gravity":"north","width":150,"height":150,"effect":"sepia"}

format:"png"
transformation:[{"width":150,"height":150},{"overlay":"cloudinary","width":75,"gravity":"center","y":-30,"x":-30}]

crop:"scale"
format:"png"
transformation:{"width":150,"height":150,"effect":"saturation:50"}
Take a look at our documentation of Image Transformations for a full list of supported transformations.
ulzcicskcy8j435fosnt
Hide transformations...

format:"jpg"
height:150
width:150
crop:"fill"
radius:10

format:"jpg"
height:150
width:150
crop:"scale"

format:"png"
height:150
width:150
crop:"fit"

format:"jpg"
height:150
width:150
crop:"thumb"
gravity:"face"

format:"png"
angle:20
transformation:{"crop":"fill","gravity":"north","width":150,"height":150,"effect":"sepia"}

format:"png"
transformation:[{"width":150,"height":150},{"overlay":"cloudinary","width":75,"gravity":"center","y":-30,"x":-30}]

crop:"scale"
format:"png"
transformation:{"width":150,"height":150,"effect":"saturation:50"}
Take a look at our documentation of Image Transformations for a full list of supported transformations.
sample3.jpg
Hide transformations...

format:"jpg"
height:150
width:150
crop:"fill"
radius:10

format:"jpg"
height:150
width:150
crop:"scale"

format:"png"
height:150
width:150
crop:"fit"

format:"jpg"
height:150
width:150
crop:"thumb"
gravity:"face"

format:"png"
angle:20
transformation:{"crop":"fill","gravity":"north","width":150,"height":150,"effect":"sepia"}

format:"png"
transformation:[{"width":150,"height":150},{"overlay":"cloudinary","width":75,"gravity":"center","y":-30,"x":-30}]

crop:"scale"
format:"png"
transformation:{"width":150,"height":150,"effect":"saturation:50"}
Take a look at our documentation of Image Transformations for a full list of supported transformations.
ymmmasilcdezh4yuguus
Hide transformations...

format:"jpg"
height:150
width:150
crop:"fill"
radius:10

format:"jpg"
height:150
width:150
crop:"scale"

format:"png"
height:150
width:150
crop:"fit"

format:"jpg"
height:150
width:150
crop:"thumb"
gravity:"face"

format:"png"
angle:20
transformation:{"crop":"fill","gravity":"north","width":150,"height":150,"effect":"sepia"}

format:"png"
transformation:[{"width":150,"height":150},{"overlay":"cloudinary","width":75,"gravity":"center","y":-30,"x":-30}]

crop:"scale"
format:"png"
transformation:{"width":150,"height":150,"effect":"saturation:50"}
Take a look at our documentation of Image Transformations for a full list of supported transformations.
mqhwaaszuswfccmf9lxe
Hide transformations...

format:"jpg"
height:150
width:150
crop:"fill"
radius:10

format:"jpg"
height:150
width:150
crop:"scale"

format:"png"
height:150
width:150
crop:"fit"

format:"jpg"
height:150
width:150
crop:"thumb"
gravity:"face"

format:"png"
angle:20
transformation:{"crop":"fill","gravity":"north","width":150,"height":150,"effect":"sepia"}

format:"png"
transformation:[{"width":150,"height":150},{"overlay":"cloudinary","width":75,"gravity":"center","y":-30,"x":-30}]

crop:"scale"
format:"png"
transformation:{"width":150,"height":150,"effect":"saturation:50"}
Take a look at our documentation of Image Transformations for a full list of supported transformations.
sample4.jpg
Hide transformations...

format:"jpg"
height:150
width:150
crop:"fill"
radius:10

format:"jpg"
height:150
width:150
crop:"scale"

format:"png"
height:150
width:150
crop:"fit"

format:"jpg"
height:150
width:150
crop:"thumb"
gravity:"face"

format:"png"
angle:20
transformation:{"crop":"fill","gravity":"north","width":150,"height":150,"effect":"sepia"}

format:"png"
transformation:[{"width":150,"height":150},{"overlay":"cloudinary","width":75,"gravity":"center","y":-30,"x":-30}]

crop:"scale"
format:"png"
transformation:{"width":150,"height":150,"effect":"saturation:50"}
Take a look at our documentation of Image Transformations for a full list of supported transformations.