當前位置:首頁 » 圖片大全 » 網頁展示圖片多少比例不失真
擴展閱讀
最逗男人圖片 2025-06-17 02:18:04
大學生辯論賽圖片素材 2025-06-17 02:18:02
夢三國圖片高清 2025-06-17 02:13:22

網頁展示圖片多少比例不失真

發布時間: 2022-01-20 10:31:42

Ⅰ 用photoshop設計網頁首頁時,設置多少精度出來的網頁圖片精度高

通常我們說「圖片精度」是指圖像的解析度(常用單位是dpi 即像素/英吋),這個值越大,說明圖片精度越高,列印或者顯示的圖像越清晰。
但瀏覽器顯示網頁上的圖片,是以象素為單位來顯示的,圖像解析度的大小,不影響其顯示效果,也就是設置精度,對於網頁圖片來說,沒有什麼意義。
舉例來說,一張300*300像素大小的圖片,其解析度設置成72dpi或者300dpi,在顯示器顯示網頁時,都佔300像素的寬度,看不出任何不同。但如果你把這個圖列印出來,那麼前者會有4英吋寬,而後者只有1英吋寬, 這樣前者由於每個像素點會比較大,所以看起來就會模糊一些。

所以,我估計你的問題,是指的ps網頁設計的時候,輸出圖片採用哪一種壓縮方式及壓縮比圖片在網頁上精細(清晰)。也就是說,你問題題中的精度,意思應該是清晰度,對吧?
網頁設計中,對於圖片來說,追求的並非高清晰度,原因很簡單,因為網頁最終是在網上使用的,由於受到網速的限制,清晰度越高的圖片,其文件體積也會越大,網上傳輸就會慢,從而影響瀏覽體驗,而壓縮得厲害的圖片,雖然載入速度快,但圖片會不那麼清晰。
所以,根據網頁圖片使用情況,在文件大小與清晰度之間選擇一個平衡點,對須要清晰表現的圖片,採用低的壓縮比,而對不需要很清晰的圖,則採用很高的壓縮比。總之,這個沒有一定的標准,是一個經驗與技巧的問題。

另外,如果你的「精度」是指設計網頁時,所選的圖像大小(一般指圖片寬度),那麼,應該與網頁實際大小相同,避免在出圖時進行縮放,這樣才能保證設計效果。目前,為適應大多數屏幕瀏覽網頁,一般把網頁的寬度設置在1000像素左右。

---以上回答,經驗之談,純系手打,絕無復制,如對你有幫助,敬請支持和採納---

Ⅱ 一張圖片調整尺寸、比例或者像素之後怎麼才能不失真

用裁剪工具~~在參數里設置你要的長寬~~然後去裁剪你要的圖~~比例就不會變~!

Ⅲ css怎麼讓一張圖片不失真的適應任何屏幕大小的電腦平鋪

下面是圖片不失真但不保證是否完全鋪滿(留有空隙或者超出屏幕)的css代碼:
1、橫向鋪滿,縱向留有空隙或超出屏幕:
body {background:url(圖片路徑) no-repeat center; background-size:100% auto;}
2、縱向鋪滿,橫向留有空隙或超出屏幕:
body {background:url(圖片路徑) no-repeat center; background-size:auto 100%;}
補充說明:background-size屬於css3,只有支持css3的瀏覽器才有效。

Ⅳ html中div怎麼史圖片不失真

在div裡面圖片失真那就肯定是圖片被拉伸導致的:
1.沒有成比例拉伸;

2.圖片像素不夠;

因此,一般設置的時候,只需要設置一個樣式,比如設置了高度,那麼寬度就不去設置,讓圖片自適應(反之,設置寬度,也是一樣),那麼就不會失真了。

Ⅳ 如果要上傳到網頁,圖片壓縮比例達到多少才不影響畫質呢

1.網頁圖片,一般都有解析度限制的

比如QQ空間普通模式,長邊像素限制不能超過670像素,你上傳再大的圖,也會壓縮到670像素

2.你看到別人100多K依然感覺好,那是因為人家壓縮的時候,就已經把像素改小了

如果幾百萬像素的照片,壓縮到100多K,效果肯定是很慘的

3.至於縮圖軟體,確實效果會有差別

a.在PS裡面把圖片縮到指定大小,再用存儲為web,然後裡面可以選壓縮率,並能看到文件大小
b.LR裡面可以選擇限制大小不超過多少KB,長邊像素多少,還可以選擇針對屏幕銳化,這個縮圖效果特別好
c.Fireworks,是網頁三劍客之一,專門針對網頁這種小尺寸圖片進行優化,效果也很棒

Ⅵ 如何解決圖片上傳網頁上顯示不失真

你的問題我也遇見過……大尺寸的圖片想上傳到個人空間之類的網站,圖片都是會被壓縮成他們設置的標准尺寸以內,如果他們設置的像素是640*800,那麼,你上傳的圖片就會按照原比例縮小到長和寬都小於他們設置的值,那麼你的圖片就會相應丟失大量的信息,模糊失真均無法避免,尤其是jpg演算法,壓縮的相當厲害,解決途徑,你不要上傳圖片尺寸過大,再者就是選一個允許上傳大圖片文件的平台吧,我見過的能支持上傳2000*2000像素不壓縮的網站,不過都是外國的CG網站,國內的一般都為了保證瀏覽速度,犧牲圖片質量啦,畢竟我們的網速平均水平不高

Ⅶ 網頁圖片顯示解析度

補充:
不是錢的問題好不好

什麼跟什麼啊
影響列印速度和瀏覽速度的
好不好
補充:

比如說
我從網上復制一張圖來
那它的解析度是多少
不是像素大小
是解析度
補充:
並且
我個人認為
如果一張圖片
用150的解析度就能把畫質列印的不錯
那實在沒有必要用300的浪費資源和時間
補充:

我記得的
就那幾個
要不就應該是72左右的是網頁上圖片的解析度
是嗎

Ⅷ 網頁圖片顯示比例不正常,只能看到一多半,而不是圖片不能顯示。

限制圖片寬高,<img width=xx height=xx >

Ⅸ 網頁圖片失真

css定義
#pic img{ max-width:780px; width:expression(document.body.clientWidth > 780? "780px": "auto" ); border:1px dashed #000; }

<div id="pic">
<img src="picture.jpg" />
<img src="picture2.jpg" />
</div>

圖片大小可以自己改,不過在firefox下不兼容,你試試吧

Ⅹ 網頁中圖片失真

這不是圖片本身或者代碼的問題
應該是失真的機子的設置問題
你得看看你對於計算機的設置情況