 |
Uploadcare圖像處理
專用API
【更新時間: 2024.07.11】
ploadcare Image CDN 帶有直觀的 URL API，可提供多個可鏈接操作，以便在將圖像交付給用戶之前即時優化圖像。
|
瀏覽次數
26
采購人數
1
試用次數
0
SLA: N/A
響應: N/A
適用于個人&企業
收藏
×
完成
取消
×
書簽名稱
確定
|
- API詳情
- 定價
- 使用指南
- 常見 FAQ
- 關于我們
- 相關推薦
什么是Uploadcare圖像處理?
| 在幾分鐘內完成構建文件處理 上傳、存儲、轉換、優化圖像、視頻和文檔，并將其交付給數十億用戶。 |
 |
什么是Uploadcare圖像處理接口？
Uploadcare圖像處理有哪些核心功能？
|
1.圖片優化： 通過壓縮、調整尺寸、選擇合適的格式等技術手段，來提高圖片加載速度、減少占用存儲空間，同時保持較高的視覺質量。 GPEG→AVIF 511 KB→258 KB |
 |
|
2.做出響應： 圖片響應式設計是一種網頁設計的方法，旨在使網站能夠在不同設備和屏幕尺寸上呈現出最佳的用戶體驗。 |
 |
|
3.生成用戶圖片： 通過以下方式對圖片進行個性化的生成：
|
 |
|
4.圖像提高： 通過增強圖片濾鏡，增加過濾器，添加濾鏡等方式來提高圖像質量。 |
 |
|
5.添加疊加層或水印： 在對圖片進行優化的過程中，添加疊加層或水印可以為圖片增添特殊效果，保護圖片版權，并提高品牌識別度。疊加層可以為圖片增加一層半透明的顏色或圖案，從而提升圖片的視覺吸引力和信息傳達效果。水印則是在圖片上添加含有品牌標識或文字的透明圖層，用于防止盜用和濫用圖片，同時提升品牌曝光度。 |
 |
|
6.使用代理獲取： 通過以下的途徑來實現代理的獲取：
|
 |
Uploadcare圖像處理的核心優勢是什么？
|
提高頁面加載速度 如今，用戶通常只在網頁上花費 47 秒。優化圖像并提高加載速度，以確保不會浪費這些寶貴的時間。
|
|
|
|
|
|
剪切 80% 的圖像尺寸 |
自適應質量 |
自動格式化 |
|
移至 UPLOADCARE 從頭開始或隨時隨地切換 將 Uploadcare 用作完整的文件處理平臺或僅插入 CDN。在項目的任何階段都可以輕松遷移。
|
 |
 |
 |
|
Uploadcare 存儲 |
AWS S3 存儲 Uploadcare 允許您將文件直接上傳到 AWS S3 存儲。在以下情況下，您可能需要選擇此選項：實施深度集成的自定義文件工作流 進入您的系統。遵循指向特定存儲桶的公司存儲策略。 |
代理 |
|
為什么選擇UPLOADCARE 我們已經完全解決了內容上傳和交付問題，涵蓋了從用戶界面元素到企業級基礎設施的所有內容。
|
|
上傳者
|
存儲
|
CDN域名
|
 |
在哪些場景會用到Uploadcare圖像處理？
|
1.市場營銷：使用登錄頁面和技術博客文章產生自然搜索引擎流量。他們需要快速創建具有大量可視化的信息內容，并開發高質量和高性能的網站，以在搜索引擎排名中獲得更高的排名。 |
|
2.在線商店：用于圖像上傳、優化和交付，以便在頁面上提供無縫的數字體驗。 |
 |
|
3.圖像處理：藝術家可以上傳他們的作品，然后 Printhouse 處理剩下的工作：印刷和運送給全球客戶。 |
|
4.求職方面：提供個性化的視頻反饋。 |
快速開始
在構建網站或應用時，您需要處理各種文件的上傳、存儲、處理和交付，無論是您自己還是您的用戶。我們提供各種上傳方法、一些存儲選項、用于管理文件的 API 以及具有即時處理功能的 CDN。一切都符合眾多國際法規。
在此快速入門中，我們將向您展示我們的文件上傳器和 圖像處理操作。我們還將在本文末尾介紹其余功能。
步驟 1. 上傳
- 本頁介紹我們最新的文件上傳器。有關上一個上傳器的文檔可在此處查看。
安裝和配置
您可以從 CDN 或通過 NPM 安裝文件上傳器。
<script type="module">
import * as LR from "https://cdn.jsdelivr.net/npm/@uploadcare/blocks@0.49.0/web/blocks.min.js";
LR.registerBlocks(LR);
</script>文件上傳器可以以幾種方式呈現，例如常規、內聯或簡約。
常規文件上傳器：
<link
rel="stylesheet"
>
<lr-config
ctx-name="my-uploader"
pubkey="YOUR_PUBLIC_KEY"
></lr-config>
<lr-file-uploader-regular ctx-name="my-uploader"></lr-file-uploader-regular>其中lr-config是配置塊，lr-file-uploader-regular是文件上傳器塊。 ctx-name屬性用于將配置塊與文件上傳器塊連接起來。 要進一步了解，請查看配置指南。
在這里您可以找到如何將其集成到您選擇的堆棧中的示例：
第 2 步。存儲和 CDN
文件上傳后，將進入您的 Uploadcare 存儲并立即在 CDN 上可用。
https://ucarecdn.com/:uuid/（默認情況下，上傳 API 不會永久存儲文件。有一個 24 小時的窗口期，您應該在此期間決定是否存儲上傳的文件。但是我們所有的官方庫，包括文件上傳器，都從您的項目繼承了 自動存儲設置，默認情況下該設置設置為 ON。您可以閱讀有關存儲行為的更多信息）。
您可以在上傳時立即獲取已上傳文件的 UUID。例如：
window.addEventListener('LR_UPLOAD_FINISH', (e) => {
console.log(e.detail);
});請參閱活動頁面來查看可用活動的完整列表。
我們建議保存 UUID 而不是 CDN URL，因為這將使您以后更容易處理這些文件。
步驟3.處理
您可以通過在 CDN URL 中包含指令來添加圖像處理操作：
https://ucarecdn.com/:uuid/-/:operation/:params/:filename想象一下你正在構建一項包含大量街景照片的服務：
- 您需要優化圖像的大小和質量以縮短頁面加載時間。
- 您必須對照片上的臉部進行模糊處理以遵守隱私法。
- 您可能想在每張圖片上添加水印。
構建圖像屬性模板的值src，添加您選擇的操作，并將此模板用于項目中的每張街道照片：
https://ucarecdn.com/0e679e26-781b-4a66-b760-b2125f8c862c/
-/resize/1200x/
-/blur_region/faces/
-/overlay/2f44b1c2-f71a-4f84-bbe2-6d96c7e35a2d/100p,100p/更多詳情請參考鏈接：https://uploadcare.com/docs/start/quickstart/
Uploadcare 歷史
- 成立日期：2011年10月1日
- 位于加拿大不列顛哥倫比亞省溫哥華。
- 上一輪融資于2019年11月12日從種子輪融資中結束。
- Uploadcare 于 2024年1月16日加入Tiugo Technologies。
我們的客戶
世界上增長最快的企業都選擇 Uploadcare。我們很自豪地看到我們的客戶包括 Stackshare、Prezly、Mozilla、歐萊雅、Webflow，并且相信準備推出第一個 MVP 的初創公司。
我們的投資者
合作伙伴
我們與 AWS、WordPress、YCombinator、Akamai、JotForm 和其他參與者合作。要加入我們，請查看“合作伙伴關系”部分。
獎項
快速開始
在構建網站或應用時，您需要處理各種文件的上傳、存儲、處理和交付，無論是您自己還是您的用戶。我們提供各種上傳方法、一些存儲選項、用于管理文件的 API 以及具有即時處理功能的 CDN。一切都符合眾多國際法規。
在此快速入門中，我們將向您展示我們的文件上傳器和 圖像處理操作。我們還將在本文末尾介紹其余功能。
步驟 1. 上傳
- 本頁介紹我們最新的文件上傳器。有關上一個上傳器的文檔可在此處查看。
安裝和配置
您可以從 CDN 或通過 NPM 安裝文件上傳器。
<script type="module">
import * as LR from "https://cdn.jsdelivr.net/npm/@uploadcare/blocks@0.49.0/web/blocks.min.js";
LR.registerBlocks(LR);
</script>文件上傳器可以以幾種方式呈現，例如常規、內聯或簡約。
常規文件上傳器：
<link
rel="stylesheet"
>
<lr-config
ctx-name="my-uploader"
pubkey="YOUR_PUBLIC_KEY"
></lr-config>
<lr-file-uploader-regular ctx-name="my-uploader"></lr-file-uploader-regular>其中lr-config是配置塊，lr-file-uploader-regular是文件上傳器塊。 ctx-name屬性用于將配置塊與文件上傳器塊連接起來。 要進一步了解，請查看配置指南。
在這里您可以找到如何將其集成到您選擇的堆棧中的示例：
第 2 步。存儲和 CDN
文件上傳后，將進入您的 Uploadcare 存儲并立即在 CDN 上可用。
https://ucarecdn.com/:uuid/（默認情況下，上傳 API 不會永久存儲文件。有一個 24 小時的窗口期，您應該在此期間決定是否存儲上傳的文件。但是我們所有的官方庫，包括文件上傳器，都從您的項目繼承了 自動存儲設置，默認情況下該設置設置為 ON。您可以閱讀有關存儲行為的更多信息）。
您可以在上傳時立即獲取已上傳文件的 UUID。例如：
window.addEventListener('LR_UPLOAD_FINISH', (e) => {
console.log(e.detail);
});請參閱活動頁面來查看可用活動的完整列表。
我們建議保存 UUID 而不是 CDN URL，因為這將使您以后更容易處理這些文件。
步驟3.處理
您可以通過在 CDN URL 中包含指令來添加圖像處理操作：
https://ucarecdn.com/:uuid/-/:operation/:params/:filename想象一下你正在構建一項包含大量街景照片的服務：
- 您需要優化圖像的大小和質量以縮短頁面加載時間。
- 您必須對照片上的臉部進行模糊處理以遵守隱私法。
- 您可能想在每張圖片上添加水印。
構建圖像屬性模板的值src，添加您選擇的操作，并將此模板用于項目中的每張街道照片：
https://ucarecdn.com/0e679e26-781b-4a66-b760-b2125f8c862c/
-/resize/1200x/
-/blur_region/faces/
-/overlay/2f44b1c2-f71a-4f84-bbe2-6d96c7e35a2d/100p,100p/更多詳情請參考鏈接：https://uploadcare.com/docs/start/quickstart/
Uploadcare 歷史
- 成立日期：2011年10月1日
- 位于加拿大不列顛哥倫比亞省溫哥華。
- 上一輪融資于2019年11月12日從種子輪融資中結束。
- Uploadcare 于 2024年1月16日加入Tiugo Technologies。
我們的客戶
世界上增長最快的企業都選擇 Uploadcare。我們很自豪地看到我們的客戶包括 Stackshare、Prezly、Mozilla、歐萊雅、Webflow，并且相信準備推出第一個 MVP 的初創公司。
我們的投資者
合作伙伴
我們與 AWS、WordPress、YCombinator、Akamai、JotForm 和其他參與者合作。要加入我們，請查看“合作伙伴關系”部分。
獎項
