起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)產(chǎn)品邏輯中的圖片設(shè)計(jì)方案
大部分APP都擁有看圖傳圖等功能，那么在這些場(chǎng)景下面，該如何處理圖片的功能邏輯呢？本文作者就此來(lái)簡(jiǎn)單分析一下。
圖片的技術(shù)處理方案還是比較成熟的，網(wǎng)上有很多方法可以調(diào)用。但是PM還是應(yīng)該了解相應(yīng)的技術(shù)邏輯，尤其是需要提升圖片展示效率、減輕圖片存儲(chǔ)壓力的時(shí)候。
接下來(lái)我從圖片的選擇-上傳-存儲(chǔ)-下載-展示等步驟，慢慢的梳理圖片的功能邏輯。
選擇圖片
產(chǎn)品中的圖片，往往來(lái)源于用戶的上傳。而上傳的方式分兩種，現(xiàn)拍和從本地相冊(cè)中選擇。
上傳圖片
這一步不一定是原圖上傳，一般來(lái)說(shuō)前端會(huì)對(duì)原圖的分辨率和大小進(jìn)行一定的壓縮，從而減小存儲(chǔ)空間。
不少初級(jí)PM理解上傳圖片=上傳到服務(wù)器，而事實(shí)上在此之前還有本地壓縮處理的步驟。
圖片的分辨率壓縮
網(wǎng)上有很多知名APP的處理規(guī)則，比如微信、Facebook、知乎等。可自行搜索并參照采用。也可以根據(jù)自身業(yè)務(wù)而定制。
圖片的大小壓縮
通過(guò)調(diào)整圖片質(zhì)量的方式來(lái)減小圖片占用空間。
注意壓縮分辨率也會(huì)導(dǎo)致圖片變小，但2者不可混同理解。
存儲(chǔ)圖片
服務(wù)器存儲(chǔ)的圖片，一般是前端上傳過(guò)來(lái)的圖片，請(qǐng)注意不一定是用戶最初選擇的圖片。
那么是不是只存儲(chǔ)這一份呢，也不一定。某些功能需要長(zhǎng)期展示固定尺寸縮略圖。比如社交app需要在多處顯示同樣的小尺寸頭像，此時(shí)服務(wù)端需要另存儲(chǔ)一份固定尺寸的小圖。
至于，到底需不需要在服務(wù)端自動(dòng)生成縮略圖，根據(jù)業(yè)務(wù)需求而定，大原則是權(quán)衡用空間換時(shí)間的價(jià)值。
下載圖片
需要注意的是，根據(jù)業(yè)務(wù)場(chǎng)景不同，下載的可能是原圖可能是某一種尺寸的縮略圖。
展示圖片
往往是前端做一定處理并渲染展示。如果是展示縮略圖的時(shí)候，可能會(huì)截取部分展示。這一塊比較復(fù)雜，還涉及到具體的截取規(guī)則。下篇文章我們細(xì)講。
圖片功能匯總
最終得到你整個(gè)APP大概有這些功能用到圖片，以及具體的圖片尺寸和縮略圖介紹。
總結(jié)
相信PM童鞋們看完這篇文章，應(yīng)該對(duì)圖片處理的邏輯有一個(gè)比較清晰的了解。有不對(duì)的地方，也歡迎大家指正。
下篇文章會(huì)詳細(xì)講解一下縮略圖的功能邏輯。
#專欄作家#
浪子，業(yè)務(wù)型PM，浪子PRD系列51prd.com，公眾號(hào)langzisay。
本文由 @浪子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
圖片是先剪裁再壓縮，還是先壓縮再剪裁，那種方式比較好？
謝謝分享
謝謝分享
點(diǎn)贊~~
666
?? 老師，我來(lái)了，謝謝你今天幫我 ??
666
不客氣