[HTML] 大圖縮小圖是行不通的

昨日因為要做一個簡單的logo,所以做了以下這張圖,大小為144px正方形,我用PS製作:
(原圖144px正方形)
apple-touch-icon-144                   

再來我想改成其它尺吋,以再特定用途時,可以切換不同尺吋的圖,所以從原圖(144px正方形)直接用更改圖片大小的方式,改成分別是114px正方形、72px正方形、57px正方形各自的圖檔來輸出:以下依序

(114px正方形)                                      (將左圖直接設定寬度至144px來顯示:方便觀查對照)
apple-touch-icon-114                                  apple-touch-icon-114

(72px正方形)                                        (將左圖直接設定寬度至144px來顯示:方便觀查對照)
apple-touch-icon-72                                             apple-touch-icon-72

(57px正方形)                                         (將左圖直接設定寬度至144px來顯示:方便觀查對照)
apple-touch-icon-57                                                  apple-touch-icon-57

發現:
1、字母、四周圓角在直接使用圖片縮尺吋的方式,開始有模糊、鋸齒狀出現。
2、色差上精緻度也被破壞掉。

所以我想還是要先設定好尺吋再重新製作才行、或者使用向量式類型的軟體來製作。
我不是視覺設計師,只是一些心得,分享給客倌們。