css/js擺動（旋轉）圖像VS photoshop動畫

Question

我打算使用photoshop製作一個動畫圖像 - 一個像陀螺一樣旋轉的3D對象。

我正在製作的一個網頁將顯示幾個相同的圖像，它們的旋轉方式完全相同。

而且，他們都需要「擺動」來回（旋轉幾度CW/CCW），但各以不同的速度......

我的問題是，我應該讓1紡紗機上的圖像然後使用css/js來處理抖動，使用相同的文件作爲圖像源？或者我應該在Photoshop中製作多個圖像，並在動畫中內置獨特的擺動？

有沒有我應該考慮的任何優點/缺點？

Answer 1

您的網站將爲什麼受衆羣體提供服務？如果它是大型網站，則應根據哪個選項使用最少帶寬來做出決定。

如果您需要小型觀衆，我會使用任何看起來最好的效果。

至於動畫，我會控制使用JavaScript的擺動。這樣更好，因爲你稍後可以修改一些可以修改的靜態動畫。