簡體   English   中英

整頁背景圖片尺寸建議

[英]full page background image size recommendations

我將要一個朋友為我要創建的網站創建整頁背景圖像,但我想知道我需要為他提供哪些規格。 你們建議不要讓頁面速度變慢的最佳圖像質量是什么。 任何最低/最高建議? 應該以什么格式創建背景圖像? 圖像應該是正方形(1到1)而不是矩形(1到2、2到1、1到3等)嗎? 還有其他建議嗎?

假設背景圖像不是很“細節密集”,則應更加關注圖像質量設置,因為可以在不明顯損失質量的情況下將文件大小削減很多。 另外,我建議為此類任務使用jpeg,因為在較大分辨率下,文件大小通常比png小。

要選擇分辨率,您應該嘗試在Google Analytics(分析)中查找一個針對與您相同的用戶的網站,並查看大多數人通常使用的分辨率。 假設有90%的用戶使用1024x768或更小尺寸,而不是您希望的最大尺寸。 請記住,隨着顯示尺寸的擴大,人們會停止使用全屏瀏覽器,因此,如果您看到的瀏覽器的分辨率為2560x1440,這並不意味着他們的瀏覽器會以這種分辨率運行。 無論如何,對於該人口統計中剩余的10%,放大圖像應該是一個不錯的選擇。

關於比例,我認為如果以桌面用戶為目標,則1:1是沒有意義的,但對於移動設備卻很有用,因為您始終可以將視口設置為縱向。 同樣,這取決於您的目標受眾。

jQuery<div> 背景圖像全尺寸拉伸</div><div id="text_translate"><p>基本上我要做的是用純 HTML、CSS 和 jQuery 重新創建這個站點。</p><p> 目前該網站在搜索結果中的表現不太好,顯然是因為它是 Flash,所以這就是我要解決的問題。</p><p> 我正在尋找的東西非常復雜,但我很樂意為所需的任何單獨部件提供解決方案,並且我會弄清楚如何將它們放在一起。 我在互聯網上到處搜索,並打電話找到任何接近我想要的東西。</p><p> 這就是我需要的。 主要是我擔心的圖像DIV...</p><ul><li> 我有兩個 DIV,一個將保存圖像,另一個將保存其下方的鏈接。 頂部 DIV 的高度為 70%,第二個為 30%。</li><li> 70% 高度頂部 DIV 中的圖像應拉伸到<strong>至少填充</strong>DIV。 我的意思是圖像周圍不應該有空白,但顯然圖像也需要保持其縱橫比。</li><li> 如果可能的話,我希望一些圖像能夠在這個 DIV 中旋轉,具有簡單的淡入淡出效果,可能是從 XML 文件加載的(但不一定)。</li></ul><p> 這是在我頭上還是很容易做到?</p><p> 謝謝你提供的所有幫助。</p></div>

[英]jQuery <div> background image full size stretch

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 整頁機身背景圖像 多個整頁背景圖片 刷卡器-OpenCart-背景全尺寸圖片不起作用 視差背景圖像全尺寸(寬度) Jquery / CSS:全尺寸背景圖像 jQuery<div> 背景圖像全尺寸拉伸</div><div id="text_translate"><p>基本上我要做的是用純 HTML、CSS 和 jQuery 重新創建這個站點。</p><p> 目前該網站在搜索結果中的表現不太好,顯然是因為它是 Flash,所以這就是我要解決的問題。</p><p> 我正在尋找的東西非常復雜,但我很樂意為所需的任何單獨部件提供解決方案,並且我會弄清楚如何將它們放在一起。 我在互聯網上到處搜索,並打電話找到任何接近我想要的東西。</p><p> 這就是我需要的。 主要是我擔心的圖像DIV...</p><ul><li> 我有兩個 DIV,一個將保存圖像,另一個將保存其下方的鏈接。 頂部 DIV 的高度為 70%,第二個為 30%。</li><li> 70% 高度頂部 DIV 中的圖像應拉伸到<strong>至少填充</strong>DIV。 我的意思是圖像周圍不應該有空白,但顯然圖像也需要保持其縱橫比。</li><li> 如果可能的話,我希望一些圖像能夠在這個 DIV 中旋轉,具有簡單的淡入淡出效果,可能是從 XML 文件加載的(但不一定)。</li></ul><p> 這是在我頭上還是很容易做到?</p><p> 謝謝你提供的所有幫助。</p></div> 重復背景圖像全長頁面 為“滾動”頁面設置背景大小(圖像) 獲取背景圖像以調整為頁面大小 如何設置整頁背景隨頁面加載而變化的div圖像
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM