分享在FB之後，最多的回饋就是需要RWD。也是啦，這個時代哪有人還在用電腦版網站呢（淚
於是快速的加上了簡單的 RWD～目前長這樣（標題也偷改了）：
把背景小故事收到了「這是啥？」裡面，點開來之後，點「不要幹話」可以收合！
另外加入了照片滿版、裝飾置中的功能～
照片滿版 demo
（圖片為 ChatGPT 生成的「我」，不過與實物不能說一模一樣，只能說毫無關聯）：
雖然說手機版的圖片編輯，應該要加上適合手機的手勢操作（雙指捏合縮放、旋轉等），但因為如果要加上手勢操作會需要整個大改寫，所以暫時還沒加。
還有收集到其他需求，像是直接轉成黑白照片、自己輸入文字等，之後有空再更新～
-
上面都是使用者回報的部分，直到我多加了一些圖片之後，才發現了一個超級嚴重的問題⋯⋯
完全忘記圖片要壓縮，有些圖片大小甚至有 1MB 之多⋯⋯我都在家裡超快的網路上測試，完全忽略了圖片出來超慢，而且有點耗使用者的網路流量QQ
於是修正了用 webp 讓圖片都降到 100KB 以下，加入 prefetch catch。
-
另外調整了一下裝飾品的順序，一開始是加入的先後順序，後來是只要點擊選中的裝飾品就要到最上面，感覺更直覺一點。
-
最後總結一下學到的、印象深刻的東西：
- 圖片要壓縮
- 承上，測試的時候記得用 F12 network throttling 注意一下不同網路狀況，應該能及早發現
沒有留言:
張貼留言