![thumbnail](https://res.cloudinary.com/demo/image/upload/w_500,h_300,c_fill/w_200,f_auto,q_auto/shoe.jpg)
Resize your images to fill specified dimensions by setting the width and height (w and h in URLs), while setting the crop parameter to fill (c_fill in URLs). This will resize and crop the image so an image with the exact specified dimensions is generated.
![thumbnail](https://res.cloudinary.com/demo/image/upload/w_700,h_530,c_scale/w_200,f_auto,q_auto/balloons.jpg)
Resize your images by setting the width and/or height parameters (w and h in URLs). When resizing using Cloudinary's URL-based transformations, Cloudinary will automatically apply the scale crop mode. Alternatively, you can use any one of our many supported crop modes.
![thumbnail](https://res.cloudinary.com/demo/image/upload/w_500,h_500,c_thumb,g_faces/w_200,f_auto,q_auto/twoladies.jpg)
With Cloudinary, cropping an image can be easily done on-the-fly in the cloud. Cloudinary can automatically detect faces' position within an image, and crop a thumbnail based on the detected face.
![thumbnail](https://res.cloudinary.com/demo/image/upload/l_badge,g_faces,w_1.0,h_1.0,fl_region_relative/c_pad,ar_1.0/q_auto,f_auto/w_200,f_auto,q_auto/v1603370517/Spain_national_football_team_Euro_2012_final.jpg)
Cloudinary automatically detects and searches for faces within an image. You can overlay another image of your choice on top of those detected faces.
![thumbnail](https://res.cloudinary.com/demo/image/upload/w_1000,h_1000,c_limit/w_200,f_auto,q_auto/cashew_chicken.jpg)
Keep the original image aspect ratio and all its parts visible, and just limit it's size. Specify the width and height (w and h in URLs) and set the crop parameter to limit. This will create an image that does not exceed the given width and height.
![thumbnail](https://res.cloudinary.com/demo/image/upload/w_200,h_200,c_fill,r_max/w_200,f_auto,q_auto/nice_beach.png)
Convert your images to any other format either by simply changing the extension of the file, or by setting the format parameter. You can either covert the image's format while uploading or upload the image as is and dynamically convert its format on delivery.
![thumbnail](https://res.cloudinary.com/demo/image/upload/e_trim:20/c_pad,ar_1.0/w_200,f_auto,q_auto/face_left.jpg)
Use Cloudinary trimming effect to easilty apply triming, and remove edges around your images.
![thumbnail](https://res.cloudinary.com/demo/video/upload/g_auto/eo_7/w_250,h_250,c_fill,r_max,e_loop/q_auto:eco/ac_none/w_200,f_auto,q_auto/v1603292662/user_video.gif)
Video profiles are an awesome way to allow your users to inject some personality into their profile in dynamic and creative ways.
![thumbnail](https://res.cloudinary.com/demo/image/upload/w_300,h_100,c_fit/w_200,f_auto,q_auto/flower.jpg)
Change image size to fit in given width and height while retaining original proportions.
![thumbnail](https://res.cloudinary.com/demo/image/upload/x_385,y_90,w_300,h_250,c_crop/w_200,f_auto,q_auto/kitten.jpg)
Use Cloudinary for cropping your image based on custom/fixed coordinates. Use this method when you know beforehand what the correct absolute cropping coordinates are. This is very useful when your users manually select the region to crop out of the original image.
![thumbnail](https://res.cloudinary.com/demo/video/upload/l_video:bike_stunt,e_reverse,fl_splice/l_video:bike_stunt,e_accelerate:-50,fl_splice/e_loop/q_auto,f_auto/w_200,f_auto,q_auto/bike_stunt.gif)
Make a boomerang out of your video by playing it in both directions and modifying its speed.
![thumbnail](https://res.cloudinary.com/demo/image/upload/e_pixelate_faces:10/w_200,f_auto,q_auto/young_couple.jpg)
Hide faces in your images by telling Cloudinary to either blur or automatically pixelate the detected faces.
![thumbnail](https://res.cloudinary.com/demo/image/upload/e_hue/w_200,f_auto,q_auto/white_chicken.jpg)
Create a different mixture of colors for your images with the Hue filter.
Cloudinary offers many different options for setting backgrounds for your images. You can set it to be a specific color or you can make the background color set automatically based on the image's content
![thumbnail](https://res.cloudinary.com/demo/image/facebook/w_100,h_100,c_thumb,g_face,e_blur:200,r_max/l_text:Arial_50_bold:DB,co_white/w_200,f_auto,q_auto/Beckham.jpg)
You can automatically fetch social networks' profile pictures by setting the type parameter to the required network (e.g., facebook), then apply any further transformations and even add your user's initials as a text overlay.
![thumbnail](https://res.cloudinary.com/demo/image/upload/c_fill,e_pixelate_region,h_80,w_200,x_170,y_260/q_auto,f_auto/w_200,f_auto,q_auto/v1603370520/550px-Austin_A110_Westminster_MkII_tail.jpg)
You can choose to pixelate the whole image or just a certain region of the image. Apply a pixelization effect to an image by setting the effect parameter to pixelate (e_pixelate in URLs).
![thumbnail](https://res.cloudinary.com/demo/image/upload/w_220,h_140,c_fill/l_brown_sheep,w_220,h_140,c_fill,x_220/l_horses,w_220,h_140,c_fill,y_140,x_-110/l_white_chicken,w_220,h_140,c_fill,y_70,x_110/l_butterfly.png,h_200,x_-10,a_10/r_20/w_200,f_auto,q_auto/yellow_tulip.jpg)
Take your base image and use Cloudinary's overlay parameter (l in URLs) to add any further images. Set width, height and the required crop mode, and any further transformations, effects and texts you like.
![thumbnail](https://res.cloudinary.com/demo/image/upload/l_ring2,r_max,w_200,h_200/e_cut_out,fl_layer_apply/w_200,f_auto,q_auto/night_sky.jpg)
You can easily cut out any shape from one of your images and overlay it on a top of a different image of your choice
![thumbnail](https://res.cloudinary.com/demo/image/upload/e_gradient_fade,x_0.9/u_happy_dog,e_grayscale/w_200,f_auto,q_auto/happy_dog.jpg)
Convert images to grayscale by using Cloudinary grayscale effect. You can add further transformations in order to achieve the exact result you need.
![thumbnail](https://res.cloudinary.com/demo/image/upload/e_improve/w_200,f_auto,q_auto/gray_mountain.jpg)
Make all of your website's images and thumbnails to look much clearer and vivid by automatically improving their visual quality.
![thumbnail](https://res.cloudinary.com/demo/image/upload/l_text:Arial_45_bold:Hello%20World,g_north_west,x_20,y_20/c_pad,ar_1.0/w_200,f_auto,q_auto/face_center.jpg)
Customize text overlay's position by setting the gravity (g in URLs) and the optional offset of the x and y. While the default text positioning ('gravity') is center, you can place your text in any other area of the image (even outside the image's boundaries!).
![thumbnail](https://res.cloudinary.com/demo/image/upload/l_black_bar,w_1.0,h_0.1,fl_relative,o_60/l_text:Arial_150_bold:Cloudinary,co_white/w_200,f_auto,q_auto/lupine.jpg)
Lean how to resize overlays to a given percentage of the main image, either related to width, height or both.
![thumbnail](https://res.cloudinary.com/demo/image/upload/e_saturation:-60/w_200,f_auto,q_auto/vegetable_soup.jpg)
Increase or decresae the saturation level of your images on the fly using Cloudinary saturation effect.
![thumbnail](https://res.cloudinary.com/demo/image/upload/dl_500/w_200,f_auto,q_auto/v1603292314/r69yfic0g5ndp7vkv5rb_jik59o.gif)
If a picture is worth a thousand words, an animated one must be worth even more. Nowadays, email marketers are pushing the boundaries of email design, by using animated GIFs to display their products and services in action.
![thumbnail](https://res.cloudinary.com/demo/image/upload/e_sepia:50/w_200,f_auto,q_auto/coast.jpg)
Add a warm, antique feeling to your photos using the 'Sepia' filter effect
![thumbnail](https://res.cloudinary.com/demo/image/upload/w_1000/l_torn-paper,w_1.0,h_1.0,fl_relative,fl_cutter/l_torn-paper,w_1.0,h_1.0,fl_relative,o_40/e_sepia,c_pad,ar_1.0/w_200,f_auto,q_auto/mac-bubbles.jpg)
You don't have to wait to go to a theme park to take an old-timey photograph with your family. Instead, you can use Cloudinary to quickly and easily create this effect on any of your current images.
![thumbnail](https://res.cloudinary.com/demo/image/upload/$text_!The%20More%20You%20Know!,$arc_115/q_auto,f_auto,fl_lossy/l_text:futura_50:$(text),co_black,e_distort:arc:$arc,g_center,y_-186,x_-2,o_50/l_text:futura_50:$(text),co_white,e_distort:arc:$arc,g_center,y_-189,x_1,o_50/w_250/w_200,f_auto,q_auto/scout-chrono.png)
To add custom engravings to your products, such as gadgets like watches, electronic devices, and the like, you could use the paid tools on the market. Why not leverage Cloudinary to do so? It’s a simple tool that seamlessly delivers excellent results
![thumbnail](https://res.cloudinary.com/demo/image/upload/l_cloudinary_icon,w_900,a_-30,o_70/w_200,f_auto,q_auto/sea_shell.jpg)
Rotate an image by setting the angle parameter (a in URLs) to a given value representing the degree of rotation.
![thumbnail](https://res.cloudinary.com/demo/image/upload/$img_current:public_id,$bw_120/l_$img,c_crop,w_w,h_$bw,g_north,e_colorize:30,co_white/fl_layer_apply,g_north/l_$img,c_crop,w_w,h_$bw,g_south,e_colorize:50,co_black/fl_layer_apply,g_south/l_$img,c_crop,h_h,w_$bw,g_west,e_colorize:15,co_white/l_triangle,w_$bw,a_-90/e_cut_out,fl_layer_apply,g_north_west/l_triangle,w_$bw/e_cut_out,fl_layer_apply,g_south_west/fl_layer_apply,g_west/l_$img,c_crop,h_h,w_$bw,g_east,e_colorize:30,co_black/l_triangle,w_$bw,a_180/e_cut_out,fl_layer_apply,g_north_east/l_triangle,w_$bw,a_90/e_cut_out,fl_layer_apply,g_south_east/fl_layer_apply,g_east/c_pad,ar_1.0/w_200,f_auto,q_auto/three-dogs.jpg)
Use Cloudinary varaibles, overlays, colorize and cut-out capabilities to create a generalized transformation URL that will add bevel efffect to any image.
![thumbnail](https://res.cloudinary.com/demo/image/upload/l_text:Montserrat_150_bold:Cloudinary,fl_cutter/u_fat_cat.jpg,o_30,b_black/c_pad,ar_1.0/w_200,f_auto,q_auto/fat_cat.png)
Control the opacity level of your images using Cloudinary opacity effect. You can control both the main image or any overlaid images of your choosing.
![thumbnail](https://res.cloudinary.com/demo/image/upload/w_150,h_150,c_fill,g_face,r_max/w_200,f_auto,q_auto/front_face.png)
Many website designs call for images with rounded corners, while some websites require images with a complete circular or oval (ellipse) crop. Both of those can be easily achieved using Cloudinary radius parameter.
![thumbnail](https://res.cloudinary.com/demo/image/upload/l_cloudinary_logo_white.png,w_150,r_5,bo_10px_solid_rgb:afcee9/c_pad,ar_1.0/w_200,f_auto,q_auto/face_top.jpg)
Easily add a border to your images. The border's color, width and opacity can be customized dynamically, and borders can be applied either on main images or on overlaid images.
![thumbnail](https://res.cloudinary.com/demo/image/upload/l_text:Coustard_200_bold:Flowers,fl_cutter,c_pad,ar_1.0/w_200,f_auto,q_auto/yellow_tulip.png)
Instead of coloring your text with a solid color, choose an image you like, and use it to fill the text and give it a cool and unique texture.
You can add text dynamically to the image by using adding a text overlay on top of it using our overlay advanced features.
![thumbnail](https://res.cloudinary.com/demo/image/upload/e_fill_light:80/w_200,f_auto,q_auto/8jsb1xofxdqamu2rzwt9q.jpg)
Fill your images with a lighting effect. This is very handy when dealing with darker images.
![thumbnail](https://res.cloudinary.com/demo/image/upload/e_trim/c_lpad,w_iw,h_ih/bo_4px_solid_green/c_pad,ar_1.0/q_auto,w_200/nice_bird.jpg)
Center an object within an image with a solid background. Do this by first trimming the background around the object and then padding and resizing the canvas to the image's initial dimensions.
![thumbnail](https://res.cloudinary.com/demo/image/upload/e_brightness:30/w_200,f_auto,q_auto/mountain.jpg)
Dynamically adjust the brightness of an image. You can set the birghtness level either manually, or tell Cloudinary to automatically balance it for you.
![thumbnail](https://res.cloudinary.com/demo/image/upload/e_sharpen/w_200,f_auto,q_auto/front_face.jpg)
Use Cloudinary to sharpen your images easily and dynamically. Image sharpening can be applied by setting the effect parameter to sharpen (e_sharpen in URLs). You can play with sharpening level to get you the exact effect you need.
![thumbnail](https://res.cloudinary.com/demo/image/upload/l_twitter_name:BrunoMars.png,w_300,r_max,e_sepia/w_200,f_auto,q_auto/site_bg_bright.jpg)
You can overlay profile picture from a social network on top of another image by setting the overlayparameter (l in URLs) to the corresponding network and user name. Cloudinary will automatically fetch the latest profile picture of social network sites.
![thumbnail](https://res.cloudinary.com/demo/image/upload/l_hexagon_sample,fl_cutter.relative,w_1.0,h_1.0/w_200,f_auto,q_auto/pasta.png)
You can crop an image based on any custom shape. Do this by having your own custom image as a mask for cropping, and passing it as an overlay to your transformation.
![thumbnail](https://res.cloudinary.com/demo/image/upload/q_auto,f_auto/e_grayscale/e_tint:50:red/w_200,f_auto,q_auto/18882410261_e4f9d25780_b_lked9y.jpg)
A cool new design trend popularized by Shopify is Duotone imagery. You can do this easily using Cloudinary effects.
![thumbnail](https://res.cloudinary.com/demo/image/upload/a_90/c_pad,ar_1.0/w_200,f_auto,q_auto/cloudinary_animation.gif)
Transform animated GIFs just like any other image. Use Cloudinary's powerful image transformation tools to manipulate your animated GIFs just like you do for other standard still images
![thumbnail](https://res.cloudinary.com/demo/image/upload/e_shadow:90,x_15,y_15,co_rgb:0B70B6/c_pad,ar_1.0/w_200,f_auto,q_auto/cloudinary_icon.png)
Add a shadow effect to any image. You can even customize the offsets of the shadow and its blurriness level.
![thumbnail](https://res.cloudinary.com/demo/image/upload/$imgwidth_500/$imgheight_500/$border_10/e_trim/if_w_gte_h,w_$imgwidth_sub_$border_mul_2/if_else,h_$imgheight_sub_$border_mul_2/bo_10px_solid_rgb:ffffff00/c_pad,w_$imgwidth,h_$imgheight,b_rgb:f0ead6/q_auto,f_auto/w_200,f_auto,q_auto/wood_chair.png)
Whether you've just launched a Shopify site for your latest product, or you're a multibillion dollar retailer with expansive design teams, you probably have significant room to improve and make more efficient the process of how raw photographs are transformed into compelling images on your website’s product pages. You should take a look at this recipe to see how this can be easily automated.
![thumbnail](https://res.cloudinary.com/demo/video/upload/w_400,du_12/l_video:MLB2,so_2,eo_6/so_0,fl_layer_apply.splice,w_400/l_video:MLB2,so_20,eo_24/so_4,fl_layer_apply.splice,w_400/l_video:MLB2,so_31,eo_35/so_8,fl_layer_apply.splice,w_400/e_loop/ac_none/q_auto,f_auto/w_200,f_auto,q_auto/MLB2.gif)
Creating a dynamic and engaging animated video preview (as opposed to a static image) brings along many benefits. Take a look on how you can leverage Cloudinary for that.
![thumbnail](https://res.cloudinary.com/demo/image/upload/pg_10/w_200,f_auto,q_auto/bored_animation.jpg)
Extract frames from an animated GIF, you can choose which frame to deliver, apply any further image manipulations including resizing, cropping, overlays and much more.
![thumbnail](https://res.cloudinary.com/demo/image/upload/w_200,h_250,c_fill,pg_2/w_200,f_auto,q_auto/multi_page_pdf.jpg)
Convert your PDF files to a JPG thumbnail. You can even specify the target thumbnail dimensions. If your PDF file has multiple pages, you can specify the specific page you wish to convert
![thumbnail](https://res.cloudinary.com/demo/image/upload/e_colorize:30,co_rgb:dd14d1/w_200,f_auto,q_auto/smartphone.png)
Color an image to any other color simply by using Cloudinary colorize effect. The color can be given by either it's name (e.g., green) or by an RGB value (e.g., 00FF00).
![thumbnail](https://res.cloudinary.com/demo/video/upload/a_45/w_500,e_loop/q_auto,f_auto/w_200,f_auto,q_auto/dog.gif)
Rotating and flipping videos on Cloudinary is a cakewalk. All you need is just to set an angle you desire or to choose one from the exisitng values.
![thumbnail](https://res.cloudinary.com/demo/image/upload/l_cloudinary_icon,w_200,c_scale,x_-30,y_30,a_12/c_pad,ar_1.0/w_200,f_auto,q_auto/envelope.jpg)
Watermarks can be easily added to your images. Watermarks can be used for either overlaying another image, adding your logo, a custom user badge, or any other use-case you might have.
![thumbnail](https://res.cloudinary.com/demo/image/upload/w_300,h_40,c_scale,e_colorize,co_rgb:949494/l_black_bar,w_0.5,h_1.0,c_scale,e_colorize,co_rgb:0D4190,fl_relative,g_west/r_10/u_black_bar,w_400,h_100,c_scale,e_colorize,co_rgb:E9E8E8/l_text:Audiowide_20:50%25,co_white,o_70/l_facebook:billclinton.png,w_40,h_40,r_max,g_north_west,x_7,y_7/r_20/e_shadow/c_pad,ar_1.0/w_200,f_auto,q_auto/black_bar.png)
Generate a great looking profile completeness meter to notify your users of their progress. Whether it's for profile page details, survey progress, or just to show your users the percentage of the completion of any task. Use Cloudinary's powerful manipulation tools to generate just what you need.
![thumbnail](https://res.cloudinary.com/demo/video/upload/l_video:asltranslation,w_0.30,h_0.30,r_20,so_5.8,ac_none/g_south_east,x_0.20,y_0.20,fl_layer_apply/e_loop/q_auto,f_auto/w_200,f_auto,q_auto/celenarae.gif)
Adding watermarks to videos on Cloudinary yields many enhancements, involving only a few simple steps.
![thumbnail](https://res.cloudinary.com/demo/image/upload/l_text:Arial_24_bold:Colored%20text,co_rgb:B90FAE/c_pad,ar_1.0/w_200,f_auto,q_auto/site_bg_bright_small.jpg)
Add dynamic text on top of any image, on-the-fly. You can use any one of the hundreds of fonts available by Google Fonts, or even use your own custom font.