如何在程式碼中使用 Unsplash 圖片

身為開發新 SaaS 專案的開發人員，我需要直接透過 URL 連結一些 Unsplash 圖片。
最初，我看到一篇推薦使用 https://source.unsplash.com/ API 的文章（連結）。但是，此方法不再有效，僅從 URL 欄位複製連結並不能提供嵌入所需的直接圖像 URL。

https://unsplash.com/photos/a-digital-illustration-of-the-letter-k-CnbzJXw5Hx4

Unsplash 圖像 URL

我嘗試的下一個選項是透過右鍵單擊圖像 URL 來複製它。然而，這個URL充滿了我不需要的不必要的參數，每次都需要手動刪除。例如：

https://images.unsplash.com/photo-1725610588086-b9e38da987f7?q=80&w=3500&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D

身為一個重視效率的懶惰開發人員，我發現這個過程令人沮喪。我不想每次想要使用圖像時都手動清理 URL。

靈光一現：建立我的第一個 Chrome 擴充

因此，在浪費了太多時間手動執行此操作之後，我做了任何厭惡重複任務的懶惰開發人員都會做的事情 - 我構建了一個 Chrome 擴展程序。隆重介紹“CopySplash”，這款 Chrome 擴充功能您以前從來不知道自己需要，但現在卻離不開它！

最好的部分是什麼？這是一個開源專案！ (GitHub) 請隨意深入研究程式碼、貢獻、建議功能，甚至只是告訴我你有多喜歡它。讚美總是值得的。

「CopySplash」有什麼作用？

• 在 Unsplash 圖像上提供方便的「複製連結」按鈕，讓使用者只需單擊即可快速將圖像 URL 複製到剪貼簿。

• 設定自訂參數來調整尺寸、品質、裁剪等，根據您的特定需求量身定制並保存它們。

但等等…Unsplash 和 Imgix 有什麼關係？

Unsplash 使用 Imgix 渲染 API（連結），這是一種功能強大的圖像處理服務，可以動態調整圖像大小、裁剪和優化圖像以進行 Web 交付。 Unsplash 中的每個圖像 URL 都是透過 Imgix 處理的，這就是為什麼 URL 中經常填入參數。

查看渲染 API 文件以設定將整合到複製的 URL 中的自訂設定

結論：不再有 Unsplash URL 戲劇！

如果您是經常使用 Unsplash 圖片的開發者，「CopySplash」可以為您節省大量時間和精力。嘗試一下，無論您對新功能有想法、想要改進程式碼還是幫助編寫文檔，我們都歡迎您提出意見！

連結：

• CopySplash 擴充
• 複製Splash程式碼
• Imgix
• 不飛濺

以上是如何在程式碼中使用 Unsplash 圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！