Tilt-Shift Effect Image

Name: Tilt-Shift Effect Image
Brand: Cloudinary
Rating: 4.8 (22 reviews)

Add a tilt-shift effect to your image with our free online tool. Upload a photo, blur the surroundings to create a miniature look, and download the result in just a few clicks.

🖼️ Scaling millions of product images? 💡Automate, optimize, and deliver faster. 👉 Talk to a Media Expert

Upload an Image to Add Tilt-Shift Effect

Or drag your image here

Preview

Dimensions: --

Tilt-Shift Style

Adjustments

Tilt-Shift Strength 0

Brightness 0

Contrast 0

Saturation 0

Output

Format

Quality

★★★★★

4.8 (22 reviews)

Looking to add tilt-shift effects in bulk?

GET FREE API

Free Online Tilt-Shift Effect Image Tool

Add tilt-shift effects in seconds, right in your browser. No downloads needed. Just upload your image and set the focus area.

Why use our Tilt-Shift Effect Image?

Add tilt-shift effects right in the browser with no downloads or ads. Developers can also use our API to automate tilt-shift effects at scale across workflows.

Built for the browser

Work right in your browser, free, with no software to install and no watermarks.

Quality preserved

Cloudinary keeps your image crisp and true to the original, end to end.

Performance Optimization

Your tilt-shift image is delivered in the best format and quality for every device, browser, and connection, automatically.

Add tilt-shift effects in bulk

Process one image or thousands. Use our free API to add tilt-shift effects automatically across your projects.

Workflow Automation

Set up presets to add tilt-shift effects automatically on upload, transformed and ready for delivery in seconds.

Format versatility

Works with all major formats, so your tilt-shift image looks sharp anywhere you share it.

How to add a tilt-shift effect in 3 steps

Get your tilt-shift image in 3 simple steps. Upload your image, set the focus area, and download the result in seconds.

Upload your image

Drag and drop your image into the browser, or upload it from your device in seconds.

Set the focus area

Choose the in-focus band and blur strength, and preview the miniature effect.

Download your tilt-shift image

Once it’s ready, download your tilt-shift image, with no watermarks, ready to share or publish.

Go beyond a basic tilt-shift effect

A woman and a golden retriever in the mountains. They're sitting, facing away from the camera while the dog noses the woman. They're surrounded by natural splendor including majestic mountains, puffy clouds, and evergreen-studded hills. — An un-cropped image overlaid with a cropping window showing how it would be cropped by Cloudinary.

Original: 18 MB
We’re showing a resized version of the original asset to avoid slow loading speeds. View the original.

JPEG: 135 KB
WebP: 135 KB
AVIF: 90 KB
JPEG XL: 94 KB

Original: 18 MB
We’re showing a resized version of the original asset to avoid slow loading speeds. View the original.

JPEG: 135 KB
WebP: 135 KB
AVIF: 90 KB
JPEG XL: 94 KB

Duration: 1:42

Duration: 0:15

URL:

/ar_0.5,c_fill,g_auto,w_433/q_auto/f_auto/hiking_dog_mountain.jpg

cloudinary.image("hiking_dog_mountain.jpg", {transformation: [
  {aspect_ratio: "0.5", gravity: "auto", width: 433, crop: "fill"},
  {quality: "auto"},
  {fetch_format: "auto"}
  ]})

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

CloudinaryImage("hiking_dog_mountain.jpg").image(transformation=[
  {'aspect_ratio': "0.5", 'gravity': "auto", 'width': 433, 'crop': "fill"},
  {'quality': "auto"},
  {'fetch_format': "auto"}
  ])

(new ImageTag('hiking_dog_mountain.jpg'))
	->resize(Resize::fill()->width(433)
->aspectRatio(0.5)
	->gravity(
	Gravity::autoGravity())
	)
	->delivery(Delivery::quality(
	Quality::auto()))
	->delivery(Delivery::format(
	Format::auto()));

cloudinary.url().transformation(new Transformation()
  .aspectRatio("0.5").gravity("auto").width(433).crop("fill").chain()
  .quality("auto").chain()
  .fetchFormat("auto")).imageTag("hiking_dog_mountain.jpg");

cl_image_tag("hiking_dog_mountain.jpg", transformation: [
  {aspect_ratio: "0.5", gravity: "auto", width: 433, crop: "fill"},
  {quality: "auto"},
  {fetch_format: "auto"}
  ])

cloudinary.Api.UrlImgUp.Transform(new Transformation()
  .AspectRatio("0.5").Gravity("auto").Width(433).Crop("fill").Chain()
  .Quality("auto").Chain()
  .FetchFormat("auto")).BuildImageTag("hiking_dog_mountain.jpg")

cloudinary.image('hiking_dog_mountain.jpg').transformation(Transformation()
	.resize(Resize.fill().width(433)
.aspectRatio(0.5)
	.gravity(
	Gravity.autoGravity())
	)
	.delivery(Delivery.quality(
	Quality.auto()))
	.delivery(Delivery.format(
	Format.auto())));

imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()
  .setAspectRatio("0.5").setGravity("auto").setWidth(433).setCrop("fill").chain()
  .setQuality("auto").chain()
  .setFetchFormat("auto")).generate("hiking_dog_mountain.jpg")!, cloudinary: cloudinary)

MediaManager.get().url().transformation(new Transformation()
  .aspectRatio("0.5").gravity("auto").width(433).crop("fill").chain()
  .quality("auto").chain()
  .fetchFormat("auto")).generate("hiking_dog_mountain.jpg");

cloudinary.image('hiking_dog_mountain.jpg').transformation(Transformation()
	.resize(Resize.fill().width(433)
.aspectRatio(0.5)
	.gravity(
	Gravity.autoGravity())
	)
	.delivery(Delivery.quality(
	Quality.auto()))
	.delivery(Delivery.format(
	Format.auto())));

cloudinary.image {
	publicId("hiking_dog_mountain.jpg")
	 resize(Resize.fill() { width(433)
 aspectRatio(0.5F)
	 gravity(
	Gravity.autoGravity())
	 })
	 delivery(Delivery.quality(
	Quality.auto()))
	 delivery(Delivery.format(
	Format.auto())) 
}.generate()

new CloudinaryImage("hiking_dog_mountain.jpg")
  .resize(
    fill()
      .width(433)
      .aspectRatio(0.5)
      .gravity(autoGravity())
  )
  .delivery(quality(auto()))
  .delivery(format(auto()));

Frequently Asked Questions

What is the Tilt-Shift Effect Image tool?

The Tilt-Shift Effect Image tool lets you add a tilt-shift blur that gives your photo a miniature look, quickly and easily, right in your browser, with nothing to install.

How does the Tilt-Shift Effect Image work?

Upload your image and set the focus area directly in your browser. The tool processes it and gives you your tilt-shift image in seconds.

Is the Tilt-Shift Effect Image free to use?

Yes, the Tilt-Shift Effect Image is free to use online. Just upload your image, set the focus area, and download the result, with no software required.

Can developers use the Tilt-Shift Effect Image programmatically?

Yes. Developers can use Cloudinary’s API to add tilt-shift effects and automate tilt-shift effects across their workflows at scale.

What can I do with the Tilt-Shift Effect Image?

Create miniature-world photos, draw focus to a subject, stylize cityscapes, or fun social posts.