如何像蘋果圖文的GIF一樣高清？5種方法教你搞定！
本來挺清晰的圖片，上傳公眾號就變得模糊了。
盡管公眾號可以上傳的圖片大小限制不斷放開，由 2M 到 5M 再到現在的 10M，但我們只要將圖片上傳到公眾號，或多或少都會受到微信平臺的壓縮。
尤其是GIF動圖。
同樣是動圖，為什么蘋果以及一些大品牌的總是那么清晰？
那是因為它們的很多「動圖」，其實并不是一張動圖那么簡單。
蘋果和其他一些大品牌，面對微信嚴苛的壓縮機制，為了讓自己圖文中的「動圖」保持清晰，使用了很多巧妙的排版方式。
今天給大家揭秘5種方式。
一
多層圖片（按圖層拆分）
*素材來自Apple《誰說折抵換購僅限你手中的 iPhone。》
雖然公眾號上傳圖片的限制放大到了 10M，但為了用戶的閱讀體驗，還是建議盡量把圖片大小控制在 6M 以內，不然用戶在網速較慢的情況下打開圖文半天看不到內容，很可能轉身就走。
很多小伙伴也明白這個道理，會通過縮小尺寸、抽幀等方法壓縮圖片，但清晰度總是不盡人意。
其實一張動圖太大并且在壓縮后之所以不能保持清晰，很重要的一個原因是圖片中的顏色太豐富。
如果一張動圖中只有一小部分動，那我們其實可以將動的部分拆分出來，拆解成幾張小動圖和靜態圖，然后分別上傳到公眾號中重新疊加在一起。
前面蘋果的例子就由下方兩張圖片疊加而成：
根據拆解的層數和尺寸，我們可以選擇使用 iPaiban Pro 黑科技編輯器中的以下組件進行制作：
組件：雙層圖片
編號：10319（組件）
組件：雙層圖片(第二層自定義大小及位置)
編號：10291（組件）
組件：三層圖片
編號：10323（組件）
組件：三層圖片(第二層自定義大小及位置)
編號：10777（組件）
組件：多層圖片
編號：10325（組件）
組件：多層圖片(設置區域)
編號：11158（組件）
其中「雙層圖片」「三層圖片」和「多層圖片」組件，每一層圖片的尺寸需保持一致，另外3個組件在疊加層的圖片可任意調整位置和大小。
二
串聯播放GIF（按時間拆分）
如果是視頻轉換或直接錄制的動圖呢？不能按層拆分我們還可以按時間拆分。
*素材來自高通中國《2023驍龍峰會，一起鎖定精彩》
比如一段時長 6s 的動圖，我們可以拆分成3個 2s 一段，然后使用 iPaiban Pro 黑科技編輯器中的相關組件進行串聯。
前面高通中國圖文中的9.7s動畫，就是由1個3.8s動圖和1個5.9s動圖串聯組合成的。
編輯器中串聯GIF的相關組件有：
組件：自動-串聯播放GIF動圖
編號：10466（組件）
組件：自動-串聯播放GIF動圖(循環播放)
編號：11446（組件）
組件：點擊+自動-串聯播放GIF動圖
編號：11447（組件）
三
序列幀動效
動圖和視頻說到底是由一張張連續的靜態圖片組成的，如果我們想要一個極致高清的動態效果，可以使用序列幀排版來實現。
*素材來自Apple《iPad 今晚雙雙上新……》
序列幀排版，即上傳多張連續動作靜態圖，通過序列幀組件生成連貫高清的動態效果。
*了解如何制作序列幀圖片戳《教你制作蘋果高級序列幀動效！》
序列幀排版現在越來越流行，但大家要注意的是，一個序列幀動效可能由上百或幾百張靜態圖生成，所以我們上傳的每張序列幀圖片應盡量壓縮，圖片數量能減則減，以免影響圖文打開后加載速度。
當圖片加載速度跟不上序列幀播放的速度時還可能造成閃屏。
在 iPaiban Pro 黑科技編輯器中搜索關鍵詞「序列幀」可以看到所有相關組件。
四
靜態圖+SVG動效
*素材來自Apple《“春晚”好多新面孔，先說哪個好？》
很多規律性的簡單動效，其實不是動圖而是代碼控制靜態圖實現的。
像上面的宮格彈跳動效，我們使用 iPaiban Pro 黑科技編輯器的宮格式彈跳組件即可制作：
組件：宮格式彈跳切換圖片(向上、基礎版)
編號：10318（組件）
除此之外浮動、旋轉、輪播、洗牌、漸變切換等動效我們使用編輯器都可以制作，在「組件」-「自動」分類中可找到相關組件。
五
矢量素材+SVG動效
*動圖錄自格蘭富水泵《轉眼，就站在了2023年的最后一天。》
很多像格蘭富水泵《轉眼，就站在了2023年的最后一天。》圖文中線條軌跡移動這樣覆蓋全文的動效，則是由矢量素材利用代碼實現，這類動效因為較為復雜，很多都是需要定制實現。
大致原理是先通過 Ai 繪制矢量圖形，然后轉成 SVG 代碼，再技術控制讓人物、物品動起來，沿著繪制的軌跡移動。
在 iPaiban Pro 黑科技編輯器中搜索關鍵詞「軌跡」也可以看到一些此類效果的組件或組合。
現在，大家應該知道蘋果以及其他大品牌的「動圖」為什么總是那么清晰了。
明白了其中的原理，我們利用 iPaiban Pro 黑科技編輯器或者人工定制也可以做到。
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可注冊，編輯器所有組件/組合現已全部支持免費試用了。
新用戶在「新手禮包」可領取3天企業標準版會員免費商用，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優惠券，每單最高立降500元。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）