上傳圖片功能小改進,自動設置 Mac Retina 屏幕截圖尺寸
在園子的博客后臺編輯博文插入屏幕截圖時,如果用的是 Mac 電腦,一直有個小麻煩,由于 Retina 屏幕截圖尺寸是實際圖片尺寸的2倍,每次都要手工設置圖片尺寸,不然頁面中顯示的圖片會太大,影響閱讀體驗。
最近我們在改進圖片上傳功能時解決了這個問題,在上傳圖片時會讀取圖片文件的 DPI 信息,如果是 144,則識別為 2x 尺寸的圖片,在生成圖片 markdown 標記時,會自動將圖片尺寸設置為原來的一半。
比如下面的圖片 markdown(圖片原始尺寸是 1600x476)

注:復制/粘貼上傳圖片時也會自動設置。
同時也改進了圖片上傳窗口,改用 angular 組件實現了,之前是在新窗口中打開上傳應用的頁面。

今年花了不少時間將博客后臺的前端框架從 angular 15 升級至 angular 19(由于 angular 的文藝復興,變化太大了),本來準備升級到今年發布的最新版 angular 20,但由于 angular 20 對 chrome 版本要求太高,暫時放棄了。
上次發布的小功能:通過 markdown 圖片語法嵌入B站視頻
浙公網安備 33010602011771號