Nodejs xóa nền khỏi hình ảnh
|
Cloudinary là dịch vụ dựa trên đám mây cung cấp giải pháp quản lý tài sản toàn diện bao gồm tải lên, lưu trữ, chuyển đổi, tối ưu hóa và phân phối Cloudinary cung cấp một bộ khả năng chuyển đổi hình ảnh rất phong phú và cho phép bạn tải hình ảnh lên đám mây, cắt chúng nhanh chóng và chuyển đổi chúng thêm để phù hợp với thiết kế đồ họa của trang web và ứng dụng di động của bạn Pixelz là nhà cung cấp hàng đầu các thành phần giải pháp chỉnh sửa hình ảnh, bao gồm tính năng xóa nền mạnh mẽ cho ảnh, được thực hiện bởi một nhóm chuyên gia về con người. Cloudinary cung cấp tiện ích bổ sung Remove-The-Background để sử dụng các khả năng chỉnh sửa hình ảnh của Pixelz, được tích hợp hoàn toàn vào quy trình chuyển đổi và quản lý hình ảnh của Cloudinary Với phần bổ trợ Xóa nền của Pixelz, bạn có thể mở rộng khả năng chuyển đổi hình ảnh của Cloudinary với tính năng xóa nền tự động khỏi ảnh của bạn, dẫn đến hình ảnh có nền trong suốt tập trung vào đối tượng chính của ảnh của bạn Các tiêu chí xóa nền có thể được tùy chỉnh bằng cách liên hệ với chúng tôi Bắt đầuTrước khi bạn có thể sử dụng Pixelz - Xóa tiện ích nền
Bạn có thể dùng thử tiện ích bổ sung Pixelz - Xóa nền miễn phí và sau đó đăng ký gói tiện ích bổ sung phù hợp nhất với yêu cầu sử dụng của bạn Phần bổ trợ Pixelz - Xóa nền chỉ được dùng thử miễn phí cho các tài khoản trả phí trên Cloudinary. tiện ích bổ sung không có sẵn cho các tài khoản miễn phí trên Cloudinary Để xóa nền khỏi hình ảnh của bạn, trước tiên bạn cần tải hình ảnh lên Cloudinary. Yêu cầu xóa nền có thể được thực hiện trong khi tải tệp lên Cloudinary (từ mã phía máy chủ của bạn hoặc trực tiếp từ trình duyệt) hoặc bằng cách cập nhật hình ảnh hiện có, theo chương trình hoặc tương tác Mẫu mã sau đây cho biết cách tải ảnh lên Cloudinary, đồng thời yêu cầu Cloudinary xóa nền của ảnh. Để xóa nền của hình ảnh đã tải lên, tham số curl https://api.cloudinary.com/v1_1/demo/image/upload -X POST -F 'file=@/path/to/wood_chair.jpg' -F 'public_id=wood_chair' -F 'background_removal=pixelz' -F 'timestamp=173719931' -F 'api_key=436464676' -F 'signature=a781d61f86a6f818af'7 phải được đặt thành curl https://api.cloudinary.com/v1_1/demo/image/upload -X POST -F 'file=@/path/to/wood_chair.jpg' -F 'public_id=wood_chair' -F 'background_removal=pixelz' -F 'timestamp=173719931' -F 'api_key=436464676' -F 'signature=a781d61f86a6f818af'8 Cloudinary::Uploader.upload("wood_chair.jpg",
:public_id => "wood_chair",
:background_removal => 'pixelz')PHP (cloudinary_php 2. x) $cloudinary->uploadApi()->upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);PHP (cloudinary_php 1. x (cũ)) \Cloudinary\Uploader::upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);cloudinary.uploader.upload("wood_chair.jpg",
public_id = "wood_chair",
background_removal = "pixelz")Nút. js (đám mây 1. x) cloudinary.v2.uploader
.upload("wood_chair.jpg",
{ public_id: "wood_chair",
background_removal: "pixelz" })
.then(result=>console.log(result));cloudinary.uploader().upload("wood_chair.jpg",
ObjectUtils.asMap(
"public_id", "wood_chair",
"background_removal", "pixelz"));NET (CloudinaryDotNet 1. x) ________số 8 Android (đám mây-android 1. x) MediaManager.get().upload("wood_chair.jpg")
.option("public_id", "wood_chair")
.option("background_removal", "pixelz").dispatch();curl https://api.cloudinary.com/v1_1/demo/image/upload -X POST -F 'file=@/path/to/wood_chair.jpg' -F 'public_id=wood_chair' -F 'background_removal=pixelz' -F 'timestamp=173719931' -F 'api_key=436464676' -F 'signature=a781d61f86a6f818af'0 curl https://api.cloudinary.com/v1_1/demo/image/upload -X POST -F 'file=@/path/to/wood_chair.jpg' -F 'public_id=wood_chair' -F 'background_removal=pixelz' -F 'timestamp=173719931' -F 'api_key=436464676' -F 'signature=a781d61f86a6f818af' $cloudinary->uploadApi()->upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);0Bạn có thể sử dụng các cài đặt trước tải lên để xác định tập trung một tập hợp các tùy chọn tải lên bao gồm các thao tác bổ trợ để áp dụng, thay vì chỉ định chúng trong mỗi lệnh gọi tải lên. Bạn có thể xác định nhiều cài đặt trước tải lên và áp dụng các cài đặt trước khác nhau trong các tình huống tải lên khác nhau. Bạn có thể tạo cài đặt trước tải lên mới trong trang Tải lên của Cài đặt bảng điều khiển hoặc sử dụng phương pháp API quản trị upload_presets. Từ trang Tải lên của Cài đặt bảng điều khiển, bạn cũng có thể chọn các giá trị đặt trước tải lên mặc định để sử dụng cho các bản tải lên hình ảnh, video và API thô (tương ứng) cũng như các giá trị đặt trước mặc định cho các bản tải lên hình ảnh, video và bản thô được thực hiện qua Giao diện người dùng Thư viện phương tiện Tìm hiểu thêm. Tải lên giá trị đặt trước Xóa nền được thực hiện không đồng bộ trong nền sau khi lệnh gọi tải lên hoàn tất Việc xóa nền được thực hiện bởi đội ngũ chuyên gia con người. chỉnh sửa có thể mất đến 24 giờ Phản hồi của yêu cầu được tải lên đề cập rằng quá trình chỉnh sửa đang ở trạng thái curl https://api.cloudinary.com/v1_1/demo/image/upload -X POST -F 'file=@/path/to/wood_chair.jpg' -F 'public_id=wood_chair' -F 'background_removal=pixelz' -F 'timestamp=173719931' -F 'api_key=436464676' -F 'signature=a781d61f86a6f818af'9 $cloudinary->uploadApi()->upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);1Do ví dụ tải lên ở trên, hình ảnh gốc được tự động gửi đến Remove-The-Background để chỉnh sửa. Khi quá trình xóa nền hoàn tất, hình ảnh gốc sẽ tự động được thay thế bằng hình ảnh đã chỉnh sửa và có sẵn để phân phối qua CDN nhanh mà không cần thay đổi mã. Hình ảnh gốc được cung cấp dưới dạng bản sửa đổi dự phòng của hình ảnh và bạn luôn có thể hoàn nguyên về hình ảnh đó nếu cần Ví dụ: URL phân phối và chuyển đổi động sau đây hiển thị hình ảnh gốc của ảnh ghế gỗ đã tải lên $cloudinary->uploadApi()->upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);2PHP (cloudinary_php 2. x) $cloudinary->uploadApi()->upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);3PHP (cloudinary_php 1. x (cũ)) $cloudinary->uploadApi()->upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);4$cloudinary->uploadApi()->upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);5Nút. js (đám mây 1. x) $cloudinary->uploadApi()->upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);6$cloudinary->uploadApi()->upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);7JS (@cloudinary/url-gen 1. x) $cloudinary->uploadApi()->upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);8JS (cloudinary-core 2. x (cũ)) $cloudinary->uploadApi()->upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);9jQuery (đám mây-jquery 2. x) \Cloudinary\Uploader::upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);0Phản ứng (@cloudinary/reac 1. x) Phản ứng (đám mây-phản ứng 1. x) \Cloudinary\Uploader::upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);1Vue. js (đám mây-vue 1. x) \Cloudinary\Uploader::upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);2góc cạnh (@cloudinary/ng 1. x) Góc (@cloudinary/angular-5. x 1. x (cũ)) \Cloudinary\Uploader::upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);3NET (CloudinaryDotNet 1. x) \Cloudinary\Uploader::upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);4\Cloudinary\Uploader::upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);5Android (đám mây-android 1. x) \Cloudinary\Uploader::upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);6Kotlin (kotlin-url-gen 1. x) \Cloudinary\Uploader::upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);7Dưới đây bạn có thể thấy kết quả của chỉnh sửa Remove-The-Background \Cloudinary\Uploader::upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);8PHP (cloudinary_php 2. x) \Cloudinary\Uploader::upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);9PHP (cloudinary_php 1. x (cũ)) cloudinary.uploader.upload("wood_chair.jpg",
public_id = "wood_chair",
background_removal = "pixelz")0cloudinary.uploader.upload("wood_chair.jpg",
public_id = "wood_chair",
background_removal = "pixelz")1Nút. js (đám mây 1. x) cloudinary.uploader.upload("wood_chair.jpg",
public_id = "wood_chair",
background_removal = "pixelz")2cloudinary.uploader.upload("wood_chair.jpg",
public_id = "wood_chair",
background_removal = "pixelz")3JS (@cloudinary/url-gen 1. x) cloudinary.uploader.upload("wood_chair.jpg",
public_id = "wood_chair",
background_removal = "pixelz")4JS (cloudinary-core 2. x (cũ)) cloudinary.uploader.upload("wood_chair.jpg",
public_id = "wood_chair",
background_removal = "pixelz")5jQuery (đám mây-jquery 2. x) cloudinary.uploader.upload("wood_chair.jpg",
public_id = "wood_chair",
background_removal = "pixelz")6Phản ứng (@cloudinary/reac 1. x) Phản ứng (đám mây-phản ứng 1. x) \Cloudinary\Uploader::upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);1Vue. js (đám mây-vue 1. x) \Cloudinary\Uploader::upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);2góc cạnh (@cloudinary/ng 1. x) Góc (@cloudinary/angular-5. x 1. x (cũ)) \Cloudinary\Uploader::upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);3NET (CloudinaryDotNet 1. x) cloudinary.v2.uploader
.upload("wood_chair.jpg",
{ public_id: "wood_chair",
background_removal: "pixelz" })
.then(result=>console.log(result));0cloudinary.v2.uploader
.upload("wood_chair.jpg",
{ public_id: "wood_chair",
background_removal: "pixelz" })
.then(result=>console.log(result));1Android (đám mây-android 1. x) cloudinary.v2.uploader
.upload("wood_chair.jpg",
{ public_id: "wood_chair",
background_removal: "pixelz" })
.then(result=>console.log(result));2Kotlin (kotlin-url-gen 1. x) cloudinary.v2.uploader
.upload("wood_chair.jpg",
{ public_id: "wood_chair",
background_removal: "pixelz" })
.then(result=>console.log(result));3Các ví dụ trên cho thấy cách tự động lên lịch loại bỏ nền của hình ảnh trong quá trình tải lên của chúng. Thay vào đó, bạn có thể sử dụng API quản trị của Cloudinary để yêu cầu xóa nền đối với các hình ảnh đã tải lên, dựa trên ID công khai của chúng Ví dụ: mẫu mã sau sử dụng API $cloudinary->uploadApi()->upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);00 của Cloudinary để áp dụng loại bỏ nền cho hình ảnh đã tải lên có ID công khai $cloudinary->uploadApi()->upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);01cloudinary.v2.uploader
.upload("wood_chair.jpg",
{ public_id: "wood_chair",
background_removal: "pixelz" })
.then(result=>console.log(result));4PHP (cloudinary_php 2. x) cloudinary.v2.uploader
.upload("wood_chair.jpg",
{ public_id: "wood_chair",
background_removal: "pixelz" })
.then(result=>console.log(result));5PHP (cloudinary_php 1. x (cũ)) cloudinary.v2.uploader
.upload("wood_chair.jpg",
{ public_id: "wood_chair",
background_removal: "pixelz" })
.then(result=>console.log(result));6cloudinary.v2.uploader
.upload("wood_chair.jpg",
{ public_id: "wood_chair",
background_removal: "pixelz" })
.then(result=>console.log(result));7Nút. js (đám mây 1. x) cloudinary.v2.uploader
.upload("wood_chair.jpg",
{ public_id: "wood_chair",
background_removal: "pixelz" })
.then(result=>console.log(result));8cloudinary.v2.uploader
.upload("wood_chair.jpg",
{ public_id: "wood_chair",
background_removal: "pixelz" })
.then(result=>console.log(result));9NET (CloudinaryDotNet 1. x) cloudinary.uploader().upload("wood_chair.jpg",
ObjectUtils.asMap(
"public_id", "wood_chair",
"background_removal", "pixelz"));0cloudinary.uploader().upload("wood_chair.jpg",
ObjectUtils.asMap(
"public_id", "wood_chair",
"background_removal", "pixelz"));1cloudinary.uploader().upload("wood_chair.jpg",
ObjectUtils.asMap(
"public_id", "wood_chair",
"background_removal", "pixelz"));2Bạn cũng có thể sử dụng thư viện phương tiện của Cloudinary để yêu cầu Cloudinary xóa nền của hình ảnh hiện có qua trình duyệt web của bạn một cách tương tác Tiện ích Pixelz - Xóa nền chỉnh sửa hình ảnh không đồng bộ. Việc chỉnh sửa hình ảnh được thực hiện bởi một nhóm chuyên gia được đào tạo về con người và có thể mất tới 24 giờ để hoàn thành. Do đó, bạn có thể muốn nhận thông báo khi quá trình chỉnh sửa hoàn tất Khi gọi API tải lên với yêu cầu xóa nền, bạn có thể yêu cầu thông báo bằng cách thêm tham số $cloudinary->uploadApi()->upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);02 vào URL HTTP hoặc HTTPS công khai của ứng dụng web trực tuyến của mình. Cloudinary gửi yêu cầu POST đến điểm cuối đã chỉ định khi chỉnh sửa hình ảnh hoàn tấtcloudinary.uploader().upload("wood_chair.jpg",
ObjectUtils.asMap(
"public_id", "wood_chair",
"background_removal", "pixelz"));3PHP (cloudinary_php 2. x) cloudinary.uploader().upload("wood_chair.jpg",
ObjectUtils.asMap(
"public_id", "wood_chair",
"background_removal", "pixelz"));4PHP (cloudinary_php 1. x (cũ)) cloudinary.uploader().upload("wood_chair.jpg",
ObjectUtils.asMap(
"public_id", "wood_chair",
"background_removal", "pixelz"));5cloudinary.uploader().upload("wood_chair.jpg",
ObjectUtils.asMap(
"public_id", "wood_chair",
"background_removal", "pixelz"));6Nút. js (đám mây 1. x) cloudinary.uploader().upload("wood_chair.jpg",
ObjectUtils.asMap(
"public_id", "wood_chair",
"background_removal", "pixelz"));7cloudinary.uploader().upload("wood_chair.jpg",
ObjectUtils.asMap(
"public_id", "wood_chair",
"background_removal", "pixelz"));8NET (CloudinaryDotNet 1. x) cloudinary.uploader().upload("wood_chair.jpg",
ObjectUtils.asMap(
"public_id", "wood_chair",
"background_removal", "pixelz"));9Android (đám mây-android 1. x) var uploadParams = new ImageUploadParams(){
File = new FileDescription(@"wood_chair.jpg"),
PublicId = "wood_chair",
BackgroundRemoval = "pixelz"};
var uploadResult = cloudinary.Upload(uploadParams);0var uploadParams = new ImageUploadParams(){
File = new FileDescription(@"wood_chair.jpg"),
PublicId = "wood_chair",
BackgroundRemoval = "pixelz"};
var uploadResult = cloudinary.Upload(uploadParams);1var uploadParams = new ImageUploadParams(){
File = new FileDescription(@"wood_chair.jpg"),
PublicId = "wood_chair",
BackgroundRemoval = "pixelz"};
var uploadResult = cloudinary.Upload(uploadParams);2var uploadParams = new ImageUploadParams(){
File = new FileDescription(@"wood_chair.jpg"),
PublicId = "wood_chair",
BackgroundRemoval = "pixelz"};
var uploadResult = cloudinary.Upload(uploadParams);3Đoạn mã JSON sau đây là một ví dụ về yêu cầu POST được gửi tới URL thông báo khi quá trình chỉnh sửa hình ảnh hoàn tất var uploadParams = new ImageUploadParams(){
File = new FileDescription(@"wood_chair.jpg"),
PublicId = "wood_chair",
BackgroundRemoval = "pixelz"};
var uploadResult = cloudinary.Upload(uploadParams);4Nội dung JSON được ký bằng bí mật API môi trường sản phẩm của bạn. Để biết thêm chi tiết về thông báo và webhook của Cloudinary, hãy xem bài đăng trên blog này Nếu hình ảnh trả về không đáp ứng mong đợi của bạn, bạn có thể phản đối kết quả và yêu cầu làm lại. mở hình ảnh trong thư viện phương tiện, nhấp vào nút $cloudinary->uploadApi()->upload("wood_chair.jpg", [
"public_id" => "wood_chair",
"background_removal" => "pixelz"]);03 và điền lý do yêu cầu làm lại của bạnHình ảnh được chỉnh sửa để xóa nền có thể được trộn lẫn với bất kỳ bộ khả năng chuyển đổi hình ảnh phong phú nào của Cloudinary Ví dụ: URL phân phối và chuyển đổi động sau đây tạo phiên bản đệm 200x200 của hình ảnh đã chỉnh sửa. Độ bão hòa màu của hình ảnh tăng 50%. Bóng đổ được thêm vào và đường viền đen một pixel cũng vậy. Kỹ thuật này có thể được sử dụng để đảm bảo rằng tất cả hình ảnh sản phẩm trên trang web thương mại điện tử của bạn đều có giao diện nhất quán var uploadParams = new ImageUploadParams(){
File = new FileDescription(@"wood_chair.jpg"),
PublicId = "wood_chair",
BackgroundRemoval = "pixelz"};
var uploadResult = cloudinary.Upload(uploadParams);5PHP (cloudinary_php 2. x) var uploadParams = new ImageUploadParams(){
File = new FileDescription(@"wood_chair.jpg"),
PublicId = "wood_chair",
BackgroundRemoval = "pixelz"};
var uploadResult = cloudinary.Upload(uploadParams);6PHP (cloudinary_php 1. x (cũ)) var uploadParams = new ImageUploadParams(){
File = new FileDescription(@"wood_chair.jpg"),
PublicId = "wood_chair",
BackgroundRemoval = "pixelz"};
var uploadResult = cloudinary.Upload(uploadParams);7var uploadParams = new ImageUploadParams(){
File = new FileDescription(@"wood_chair.jpg"),
PublicId = "wood_chair",
BackgroundRemoval = "pixelz"};
var uploadResult = cloudinary.Upload(uploadParams);8Nút. js (đám mây 1. x) var uploadParams = new ImageUploadParams(){
File = new FileDescription(@"wood_chair.jpg"),
PublicId = "wood_chair",
BackgroundRemoval = "pixelz"};
var uploadResult = cloudinary.Upload(uploadParams);9MediaManager.get().upload("wood_chair.jpg")
.option("public_id", "wood_chair")
.option("background_removal", "pixelz").dispatch();0JS (@cloudinary/url-gen 1. x) MediaManager.get().upload("wood_chair.jpg")
.option("public_id", "wood_chair")
.option("background_removal", "pixelz").dispatch();1JS (cloudinary-core 2. x (cũ)) MediaManager.get().upload("wood_chair.jpg")
.option("public_id", "wood_chair")
.option("background_removal", "pixelz").dispatch();2jQuery (đám mây-jquery 2. x) MediaManager.get().upload("wood_chair.jpg")
.option("public_id", "wood_chair")
.option("background_removal", "pixelz").dispatch();3Phản ứng (@cloudinary/reac 1. x) Phản ứng (đám mây-phản ứng 1. x) MediaManager.get().upload("wood_chair.jpg")
.option("public_id", "wood_chair")
.option("background_removal", "pixelz").dispatch();4Vue. js (đám mây-vue 1. x) MediaManager.get().upload("wood_chair.jpg")
.option("public_id", "wood_chair")
.option("background_removal", "pixelz").dispatch();5góc cạnh (@cloudinary/ng 1. x) Góc (@cloudinary/angular-5. x 1. x (cũ)) MediaManager.get().upload("wood_chair.jpg")
.option("public_id", "wood_chair")
.option("background_removal", "pixelz").dispatch();6NET (CloudinaryDotNet 1. x) MediaManager.get().upload("wood_chair.jpg")
.option("public_id", "wood_chair")
.option("background_removal", "pixelz").dispatch();7MediaManager.get().upload("wood_chair.jpg")
.option("public_id", "wood_chair")
.option("background_removal", "pixelz").dispatch();8Android (đám mây-android 1. x) MediaManager.get().upload("wood_chair.jpg")
.option("public_id", "wood_chair")
.option("background_removal", "pixelz").dispatch();9Kotlin (kotlin-url-gen 1. x) curl https://api.cloudinary.com/v1_1/demo/image/upload -X POST -F 'file=@/path/to/wood_chair.jpg' -F 'public_id=wood_chair' -F 'background_removal=pixelz' -F 'timestamp=173719931' -F 'api_key=436464676' -F 'signature=a781d61f86a6f818af'00 Một ví dụ khác, lần này điều chỉnh hình ảnh đã chỉnh sửa thành khung 200x200. Hình ảnh được lật theo chiều ngang và hình mờ của biểu tượng Cloudinary được thêm vào đồng thời tăng độ sáng và làm cho hình ảnh bán trong suốt |
