正文

網(wǎng)頁(yè)設(shè)計(jì)圖（網(wǎng)頁(yè)設(shè)計(jì)圖標(biāo)素材）

發(fā)布時(shí)間：2023-04-19 13:22:07 稿源：創(chuàng)意嶺閱讀： 143

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于網(wǎng)頁(yè)設(shè)計(jì)圖的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

開(kāi)始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫(xiě)出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

1、為什么在制作網(wǎng)頁(yè)設(shè)計(jì)時(shí)背景圖片總是出現(xiàn)好多小尺寸的圖片，而不是一副完整的和屏幕一樣大的圖片？
2、網(wǎng)頁(yè)設(shè)計(jì)中有哪幾種常用的圖片格式
3、網(wǎng)頁(yè)設(shè)計(jì)中怎么讓一張圖片填充滿整個(gè)畫(huà)面？
4、網(wǎng)頁(yè)設(shè)計(jì)切圖時(shí)，怎樣保存圖片（圖片既清晰所站空間又小）？

網(wǎng)頁(yè)設(shè)計(jì)圖（網(wǎng)頁(yè)設(shè)計(jì)圖標(biāo)素材）

一、為什么在制作網(wǎng)頁(yè)設(shè)計(jì)時(shí)背景圖片總是出現(xiàn)好多小尺寸的圖片，而不是一副完整的和屏幕一樣大的圖片？

你好！

那是因?yàn)楸尘皥D片的大小不夠大，小尺寸的圖片就重復(fù)填充整個(gè)背景啦！background里面有個(gè)no-repeat可以讓圖片不重復(fù)，但是這只能在圖片夠大的情況下才能填充整個(gè)背景

如有疑問(wèn)，請(qǐng)追問(wèn)。

二、網(wǎng)頁(yè)設(shè)計(jì)中有哪幾種常用的圖片格式

1、PDF格式，是Photoshop圖像處理軟件的專用文件格式，文件擴(kuò)展名是．psd

2、GIF圖片格式，GIF是一種調(diào)色板型（palette type）（或者說(shuō)是索引型）的圖片。它含有多達(dá)256種的顏色。每一個(gè)象素點(diǎn)都有一個(gè)對(duì)應(yīng)的顏色值。因?yàn)檫@種格式不再存在專利權(quán)的問(wèn)題。

3、 PNG圖片格式，PNG的圖片又分為 PNG-8 、 PNG-24 兩種，其中，PNG-8 與 GIF 類似，支持 256 色調(diào)色板，而 PNG-24 只支持 48 位真彩色，凡是 GIF 擁有的優(yōu)勢(shì) PNG-8 都擁有，GIF 所沒(méi)有的優(yōu)勢(shì) PNG-8 也有，同樣的文件，PNG-8 格式比 GIF 要小

4、JPEG圖片格式，是目前網(wǎng)絡(luò)上最流行的圖像格式，是可以把文件壓縮到最小的格式，在 Photoshop軟件中以JPEG格式儲(chǔ)存時(shí)，提供11級(jí)壓縮級(jí)別，以0—10級(jí)表示。其中0級(jí)壓縮比最高，圖像品質(zhì)最差。即使采用細(xì)節(jié)幾乎無(wú)損的10 級(jí)質(zhì)量保存時(shí)，壓縮比也可達(dá) 5：1。

5、BMP圖片格式，BMP是英文Bitmap（位圖）的簡(jiǎn)寫(xiě)，它是Windows操作系統(tǒng)中的標(biāo)準(zhǔn)圖像文件格式，在Windows環(huán)境下運(yùn)行的所有圖象處理軟件都支持BMP圖象文件格式。

6、TGA圖片格式: TGA的結(jié)構(gòu)比較簡(jiǎn)單，屬于一種圖形、圖像數(shù)據(jù)的通用格式，在多媒體領(lǐng)域有著很大影響，在做影視編輯時(shí)經(jīng)常使用,例如3DS MAX輸出TGA圖片序列導(dǎo)入到AE里面進(jìn)行后期編輯。

三、網(wǎng)頁(yè)設(shè)計(jì)中怎么讓一張圖片填充滿整個(gè)畫(huà)面？

1、如果樓主只是將其當(dāng)做一張圖片顯示，可以通過(guò)css控制，如img{width:100%;height:100%;}.x0dx0a否則需要將其作為網(wǎng)頁(yè)背景的話可以試試如下方法：x0dx0a2、如果這張圖片為背景圖片由于背景圖片不具有伸縮性，只能通過(guò)別的方法繞著解決，在ie中可以用，實(shí)現(xiàn)背景拉伸鋪滿整個(gè)瀏覽器，但其它的瀏覽器不支持。x0dx0a這時(shí)可以拐個(gè)彎，設(shè)置兩層div，底層div當(dāng)做背景使用，放置一張圖片即可。x0dx0a 網(wǎng)頁(yè)設(shè)計(jì)圖（網(wǎng)頁(yè)設(shè)計(jì)圖標(biāo)素材） </div>x0dx0a再將網(wǎng)頁(yè)內(nèi)容放置到第二層上頁(yè)面內(nèi)容</content>x0dx0a3、網(wǎng)頁(yè)背景圖片默認(rèn)情況下是重復(fù)平鋪滿整個(gè)頁(yè)面。上面2方法是要求圖片不重復(fù)，但又得占滿瀏覽器所采用的方法。