圖片的需求

需要圖片的業(yè)務(wù)

  • 某個(gè)業(yè)務(wù)的圖片，比如汽車logo。
  • 頁面元素圖片，比如切圖/icon。
  • 廣告圖片。
  • banner。
  • 手動(dòng)上傳的一些分享圖片。

存儲(chǔ)路徑和命名。

  • 不能反推出原圖路徑，防抓。
  • 不能反推出同類型其它圖片，uuid不用連續(xù)數(shù)字id。
  • 尺寸信息。
  • 縮略標(biāo)準(zhǔn)信息。
  • 根據(jù)圖片id能計(jì)算出存儲(chǔ)路徑和命名。
  • 業(yè)務(wù)線/模塊。適用于切圖。
  • 推導(dǎo)出其它尺寸文件名。根據(jù)1個(gè)命名就可以反推出其它尺寸的圖片名。
  • 類型當(dāng)作路徑。
    • 頭像。avatar。

命名。

版本1~16 userId二進(jìn)制的后8位 時(shí)間微妙0~999 隨機(jī)數(shù)0~256 + uuid：md5(key+長+寬) + 長 + 寬 + 后綴 存儲(chǔ)的云 原圖后綴1~16

版本0000，userId后幾位00000000，時(shí)間微秒0000000000，隨機(jī)數(shù)00000000，原圖后綴0000，md5(key + 前面部分 + 長 + 寬)

例：0001100000011000000001100000011001

大廠的圖片地址

格式的需求

  • 圖標(biāo)?？蛻舳藘?nèi)圖片，需要圖片是清晰的，格式用無損和不用壓縮。
  • 手機(jī)照片的格式。jpeg，HEIC（iphone）。
  • base64圖片。

格式。

  • 矢量圖片。體積小。渲染時(shí)間長。適合小圖片。
  • webp。支持透明度，壓縮比比JPEG高，顯示效果不輸于JPEG，官方評(píng)測(cè)quality75均衡最佳。Android從4。0起支持。Android 4。2。1+支持透明度。
  • png。壓縮工具：pngcrush，pngquant，zopflipng。
    • pngcrush在PNG過濾器和zlib（Deflate）參數(shù)上迭代，使用過濾器和參數(shù)的每個(gè)組合來壓縮圖像。然后選擇產(chǎn)生最小壓縮輸出的配置。

  • jpg。壓縮工具guetzli，packJPG。


    image.png

存儲(chǔ)和性能。

  • CDN。
  • 瀏覽器緩存。header頭。
  • 客戶端緩存。已有大圖時(shí)不下載小圖，直接用大圖。已有小圖，要加載大圖時(shí)，加載前用小圖占位。
  • 低頻存儲(chǔ)。低頻使用的冷數(shù)據(jù)存儲(chǔ)。
  • 壓縮。圖片大小限制?？蛻舳藟嚎s。
  • 格式轉(zhuǎn)換。
  • 漸進(jìn)顯示。
  • 多域名。用于瀏覽器并發(fā)請(qǐng)求。
  • 開發(fā)/測(cè)試/預(yù)發(fā)布環(huán)境的圖片。

安全

  • 上傳次數(shù)限制。
  • 防盜鏈。防止別的網(wǎng)站內(nèi)使用自己的圖片。
    • 黑名單。
    • 白名單。
    • referer。是否允許referer為空。
    • 動(dòng)態(tài)簽名，可以設(shè)置簽名的有效時(shí)間。阿里云支持，需要bucket是私有讀。
  • 鑒黃。

圖片美化和編輯。

  • 一鍵美化。
  • 銳度。
  • 亮度。
  • 對(duì)比度。
  • 模糊。
  • 馬賽克。
  • 貼紙。
  • 裁剪。
  • 內(nèi)切圓裁剪。
  • 圓角矩形裁剪。
  • 水印

客戶端功能。

  • SDK。
  • 選圖片。
  • 裁剪。
  • 上傳。
  • 貼紙。

web端功能。

  • 上傳。批量上傳。

服務(wù)端功能。

  • 臨時(shí)密鑰，用于上傳。
  • 刪除圖片。

兼容不同的云服務(wù)。

  • 隨機(jī)云服務(wù)。
  • 指定云服務(wù)。
  • 多個(gè)云服務(wù)。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容