如果,是在某WordPress社團看到的討論串,我覺得滿實用的,另寫一下筆記。
一、有些Gif檔動畫會動但有些卻不會動的原因
1、網站有安裝圖片最佳化外掛。
2、Gif檔過大,也被WordPress內建的壓縮功能所壓縮了 。
3、Gif檔不是full size。
二、解決方式
有三種,可任選一種。
1、壓縮Gif檔後再上傳
先將Gif檔縮小到2560px以下,可以轉換比較小的 WebP 格式,可以利用這個線上轉檔的平台來轉換。

2、更改圖片的url
在插入圖片後,從html原始碼中修改圖片的url,將url尾段的「-scaled」去除。
3、關閉WordPress內建的圖片壓縮功能
利用「Code Snippets 」外掛來替functions.php加入以下程式碼
add_filter( ‘big_image_size_threshold’, ‘__return_false’ );
即可將自動壓縮圖片的功能關閉了。
原討論串。

這篇筆記整理得很實用,特別是提到 WordPress 上有些 GIF 會動、有些卻變成靜態圖 的幾個原因。像是網站安裝了圖片最佳化外掛、WordPress 自動壓縮過大的圖片,或是插入時沒有使用 Full Size 原圖,這些其實都是很多人會忽略的細節。
我之前也遇過類似情況:在本地端看 GIF 是正常動畫,但上傳到網站後卻只顯示第一幀。後來才發現是主題或圖片優化外掛把 GIF 重新縮圖了,導致動畫被破壞。
後來我的做法是先把 GIF 在上傳前處理好尺寸和大小,再直接使用原圖插入。像有時候我會先調整動畫的播放速度或檔案大小(例如用 gifspeedd.com 調整幀率與尺寸),確保檔案本身已經是最終版本,再上傳到 WordPress,就比較不容易被系統重新處理。
另外補充一個小技巧:如果在 HTML 裡看到圖片 URL 後面多了
-scaled之類的字樣,通常就是 WordPress 自動縮圖造成的。改成原始圖片 URL 或關閉自動縮圖功能,很多 GIF 動畫問題就能解決了。