企業網站動圖尺寸多少

Ⅰ gif動圖的正方形比例是多少

gif動圖的正方形比例是1：1。

目前gif動圖只針對幀數和大小有限定（幀數不超過40幀、大小不超過100k）；它的尺寸沒有硬性規定的；最常見的大多是200px*200px的正方形。其它尺寸或形狀的動圖上傳時，也必須在1：1的正方形內，進行縮放框選後，裁剪成型。

使用photosho制纖慶歲作炫舞gif時，建議新建的文件，寬高比設置為1：1的，或是打開的圖片，先做1：1的裁剪；製作完畢後，將圖片重新設定為（或裁剪為），寬*高200px*200px之內、解析度72dpi的圖像。

製作 GIF 圖片的10個注意事項

1、不要提供多餘無效的內容

雖然設計師會在自己所熱愛的項目中投入更多，但是在做 Gif動態圖的時候，在傳達信息的同毀睜時，要盡量簡化其中的內容，一般而言，更少的信息能夠讓你在製作動畫的時候獲得更多的自由和可能性！

一定要剋制住加入大量內容的沖動。用戶在觀看你的 Gif圖的時候，很容易被過多的內容所淹沒，尤其是當你想要藉助 Gif圖來傳達特定的情緒和感受的時候，多餘的色彩和內容很容易弱化它們。

不要過度設計。圍繞著核心的元素和調色板來設計，讓它們足夠獨特和誘人。

2、在Gif圖中建立一致的視覺

Gif圖是世界上最短的電影。你可以藉助它來進行品牌化的傳達。

你可以在設計的時候使用品牌的配色來對它進行設計，將品牌的形象、LOGO和其他元素在 Gif圖中呈現，讓品牌、企業和產品以更加富有活力的方式呈現出來。

而用戶則能夠藉助這些元素，來和品牌本身產生關聯。在特定的情形和需求之下，Gif圖能夠幫助用戶了解產品的功能和其他的信息，而品牌化的配色則能夠強化這種關聯。

比如 GE 就在 Gif圖當中提供了非常值得期待的氛圍，在官方的 Tumblr 當中分享這些有趣的 Gif 圖，展示 GE 在科學和機械設計上的造詣。藉助 #badassmachines 這樣的標簽，讓他們在社交媒體上進行更有效的傳播。

3、刪除Gif圖中所有的額外幀

當你在設計 Gif圖的時候，無論你使用哪種類型的動畫，Gif圖中，總會有某些時刻是狀態停止的，創建好 Gif圖之後，應該通過調整，刪除掉額外的、停止不同的幀。

刪除額外的幀，僅保留其中一幀，並根據動畫的狀態和節奏來調整該幀的時長，可以縮減 Gif圖的大小和播放時候的壓力。

這樣的調整不僅能夠讓 Gif圖整體質量保持不變，而且同時可以減少不必要的空間佔用。

4、在上傳Gif圖的時候，保持良好的可訪問性

作為設計師，你應該熟悉用戶群體，並且將 Gif圖中可能會分散精力的視覺內容給去掉。

最典型的，如果你所面對的用戶群體當中有視力障礙並且使用屏幕閱讀功能或者癲癇患者，那麼盡量兼顧到他們的需求，文字內容盡量放在 Gif 之外，單獨顯示，並且避免頻繁的閃爍效果。

不斷移動的 Gif圖會很大程度上轉移用戶的注意力，在一屏當中使用多個 Gif圖的時候，尤其要注意這一點。如果有大量文本內容的時候，Gif圖中的色彩和特效盡量控制數量，因為它們可能會過多抓取用戶注意力。

避免 Gif圖自動播放，這樣讓用戶感到可控，並且可以節省流量。

5、藉助故事板來梳理Gif圖的內容

很多時候，Gif圖本身的簡單形態使得它看起來不復雜，但是這其實使得很多設計師因此而出錯。通常，Gif圖本身迷人之處就是在於它的故事性，即使再短，它當中也包含著敘事，故事性，甚至復雜的轉折和多變的轉場。

基本的故事變化和元素，這些是 Gif圖製作的基礎。在設計動畫的時候，我們很容易忘記這些東西，藉助故事板，可以幫你更好地梳理故事的走向，鏡頭的變化，情節的走向，值得注意的關鍵情節和轉折。

尤其是當你不是一個人來製作 Gif圖的時候，整個團隊可以藉助故事板，將進度統一起來，極大的改善溝通和統一的問題，加快創作過程。

6、如果你使用PS來製作Gif圖，請務必保持整潔簡練

在設計 Gif圖的時候，很多設計師會選擇使用 PS 來製作。一方面是足夠習慣，足夠順手，但是另外一方面，PS 本身的圖層管理和製作機制還是很容易導致混亂的。

PS 中元素和圖層管理需要兼顧的太多，以至於在製作 Gif圖的時候，稍微增刪或者移動一些內容，就很差鏈容易輸出一個不理想、不可控的 Gif圖。

同時，如果沒有正確地標注圖層，之後又進行了相對復雜的操作之後，很容易導致多米諾骨牌一樣的錯誤。更令人頭疼的是，修改一個地方之後，後續很多圖層都需要進行調整和修改，最終會帶來大量的重復性的工作。

所以，在 PS 中製作 Gif圖，要盡量保持整潔，條理清晰。

7、增加創意元素，並保持循環

Gif圖在絕大多數情況下會自動循環播放，而用戶很多時候也樂於長時間的循環觀看，但是想要讓它平滑自然地循環並非易事。

如果你想讓 Gif圖中保持循環，那麼我建議你盡量從一個簡單的設計元素入手，比如幾何形狀之類的東西。這樣可以更容易進行首尾位置的匹配。

在 Gif圖當中創建循環很大程度是希望留住用戶，因為任何不協調和錯位都會讓人注意到，不夠完美不夠平滑，就會讓用戶感到跳出感，從而移開注意力。而這種要求，也意味著設計師要注意每一幀的設計。

當然，努力的最終結果是值得的！

8、運動狀態要保持模糊效果

Gif圖當中的模糊效果，其實和老式相機中的運動抓拍效果是一致的，很多處於中間態的運動，其實是不那麼清晰的。而這一點和我們的視覺是保持一致的。如今相機的成像質量越來越高，但是我們的眼睛並沒有隨之快速的進化。

在 Gif圖當中，幀數通常不會太高，如果圖片的細節始終保持清晰則容易呈現出跳幀，運動狀態的物體適當保持模糊效果，則更接近我們日常觀察的細節，從而讓 Gif圖帶來接近視頻拍攝的效果，用戶也會因此感到真實和精彩。

9、Gif圖要盡可能小

如你所知，社交媒體、博客、網站、電子郵件，甚至APP 都是 Gif 使用大戶，Gif圖片已經深入到我們生活的方方面面。但是不同地方的圖片規格不同，使用場景也不一樣，因此，Gif 需要足夠小才能兼容不同的需求。

下面是一些幫你縮小 Gif圖尺寸的方法：

盡量讓 Gif圖的幀數保持在150幀以內，否則在很多地方都會被限制，因為太大了。

導出 Gif圖的時候，請將有損壓縮設置在5~10之間，這樣將更大程度的壓縮最終的圖片尺寸。你可以多加嘗試，盡量尋找質量和尺寸上的平衡點。

使用盡量少的顏色。這不僅僅是出於設計的考慮，更少的色彩能夠很大程度上降低文件的大小，意味著 Gif圖可以更小，或者持續時間更長，載入更快。

盡量避免漸變。透明度是開啟還是關閉會直接影響到 Gif圖的大小，如果想要確保文件不那麼大，盡量避免吧。

10、針對移動端設備進行設計

這個注意事項其實你也應該早有預料。現如今的用戶絕大多數的時間都消耗在移動端的小屏幕上了。

在設計的時候，注意使用更小的視覺元素，避免智能手機用戶信息過載。另一方面，如果某些元素需要更加吸引用戶的注意力，可以使用更加大膽的顏色，或者藉助動畫效果，都是可以的。

同時，考慮到社交媒體上圖片素材的展現形式，可以盡量把 Gif圖設計成為方形的，這樣可以更好的兼容不同的屏幕和不同的平台，同時也方便裁切。

Gif圖在設計和創作上都非常有趣，但是它也有很多需要注意的問題和相應的技巧，幸運的是，它們並沒有超出設計師的技能范疇。藉助這些原則，相信你能設計出更加優秀的 Gif圖。

Ⅱ 製作網站的時候，圖片尺寸要怎麼設計

一般設計網站是要根據你的畫布去設計，比如說你的網站的畫布尺寸是1920*5000的
那麼banner圖的尺寸一般寬度就是1920，高度就是300-700不等哈
其他的圖片尺寸要根據模塊的比例適當的去設置

Ⅲ 官網banner設計尺寸多少

官網banner設計尺寸一般是468*60像素，大小如果gif格式是14K，如果是swf格式是16K。
Banner可以作為網站頁面的橫幅廣告，也可以作為遊行活動時用的旗幟，還可以是報紙雜志上的大標題。Banner主要體現中心意旨，形象鮮明表達最主要的情感思想或宣傳中心。橫幅廣告，一個表現商家廣告內容的圖片，放置在廣告商的頁面上，是互聯網廣告中最基本的廣告形式，液敏禪尺寸是寬度滿鬧塵屏500到700像素的高度，一般是使用GIF格式的圖像文件，可以使用靜態圖形，也可用多幀圖像拼接為動畫圖像。除普通GIF格式外，新興的Rich Media Banner（豐富媒體Banner）能賦予Banner更強的表拿信現力和交互內容，但一般需要用戶使用的瀏覽器插件支持（Plug-in）。