You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
// Apply transformations like any other Cloudinary image
56
+
tint="70:blue:purple"
57
+
alt="Wikipedia Logo"
58
58
/>
59
59
```
60
60
</CodeBlock>
61
-
This will generate a Cloudinary URL `https://res.cloudinary.com/<your-cloud-name>/image/fetch/f_auto,q_auto,w_960,h_600,e_tint:70:blue:purple/https://www.wikipedia.org/portal/wikipedia.org/assets/img/[email protected]`,
62
-
which instructs Cloudinary to retrieve the image from the source URL
61
+
62
+
This will generate an `<img>` with a `srcset` containing Cloudinary URLs like:
This URL instructs Cloudinary to retrieve the image from the source URL.
63
69
64
70
## Method 2: Auto-Uploading Remote Images
65
71
@@ -73,12 +79,12 @@ This method automatically uploads an image from a remote source to your Cloudina
73
79
74
80
### How to Set Up Auto-Upload Mapping:
75
81
76
-
1. Navigate to your Cloudinary settings: Go to `Settings` >`Upload`.
77
-
2. Find the `Auto upload mapping` section: Here you will define the mapping.
82
+
1. Navigate to your Cloudinary settings: go to `Settings` >`Upload`.
83
+
2. Find the `Auto upload mapping` section: here you will define the mapping.
78
84
3. Create a new mapping:
79
-
-**Target Folder**: : A virtual folder name to use in your src prop (e.g., `s3-images`).
85
+
-**Target Folder**: A virtual folder name to use in your src prop (e.g., `s3-images`).
80
86
-**Source URL prefix**: Paste the base URL of your remote image storage (e.g., `https://my-s3-bucket.s3.amazonaws.com/images/`).
81
-
4. Save your changes
87
+
4. Save your changes.
82
88
83
89
For more details, see the official Cloudinary documentation on [Lazy Migration with Auto-Upload](https://cloudinary.com/documentation/migration#lazy_migration_with_auto_upload).
0 commit comments