網(wǎng)頁圖片快速顯示的方法和技巧
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2008-10-17 19:58:37 作者:佚名
我要評論

1. Use .gifs rather than .jpgs. GIFs are smaller in size when compared to JPGs.
1.用.gifs格式保存圖片,最好不要用.jpgs格式。因?yàn)榍罢叩某叽绫群笳咝 ?
2.Use 'Height' and 'Width' tags for your images. So while page loading certain place is left for th
1. Use .gifs rather than .jpgs. GIFs are smaller in size when compared to JPGs.
1.用.gifs格式保存圖片,最好不要用.jpgs格式。因?yàn)榍罢叩某叽绫群笳咝 ?
2.Use 'Height' and 'Width' tags for your images. So while page loading certain place is left for the images and visitor can go through the content while images are loading.
2.使用高度和寬度標(biāo)簽設(shè)置圖片。這樣,網(wǎng)頁可以為圖片預(yù)留空間,在圖片下載的時(shí)候,訪問者可以瀏覽網(wǎng)頁內(nèi)容。
3.If you are using large images, slice them up and make them load as part after part. For this you can use img tags like HSPACE=0 and VSPACE=0.
3.如果使用內(nèi)容大的圖片,把圖片進(jìn)行分割,各個(gè)部分依次下載。在這種情況下,你可以使用HSPACE=0以及VSPACE=0的圖片標(biāo)簽。

Optimized image (gif format, sliced to two parts, with width and height tags, HSPACE=0 and VSPACE=0):優(yōu)化后的圖片(gif格式、設(shè)置了寬度和高度、HSPACE=0以及VSPACE=0)
4. Use image compression software that reduce image size. Remember, the more you reduce your image size more will be the loss of quality.
4.運(yùn)用圖片壓縮軟件,縮小圖片尺寸。記?。簣D片尺寸越小,質(zhì)量越差。你可以登入以下兩個(gè)網(wǎng)站,獲取相關(guān)的信息和軟件:
http://www.spinwave.com/index.html
http://www.macromedia.com/software/fireworks/
5.If you have lot of images to display, then put them on different pages by linking the pages like 'Next Image >' or something like that instead of a long page with 10 images.
5.如果需要展示的圖片數(shù)量很多,你可以使用鏈接網(wǎng)頁的方式,例如:“下一頁”,或者其它類似的內(nèi)容。圖片要安排在不同的網(wǎng)頁上,不要把10張圖片放在一張網(wǎng)頁上。
6.Use same image over and over again if you need a similar image. Like if you are keeping a big header graphic on every page of your web site. Then use same graphic to link to all pages on your web site.
6.如果需要,可以反復(fù)使用一張圖片。比如說,你可以在所有網(wǎng)頁的頁眉部分設(shè)置同一張大圖片,利用這張圖片把網(wǎng)站所有網(wǎng)頁鏈接起來。
7.Flash presentations, mouse overs, animations etc increase page download time. So if you can use html instead of these, go with it.
7.Flash、mouse overs、動畫等內(nèi)容,會增加網(wǎng)站的下載時(shí)間,因此,最好用html代替這些內(nèi)容。
相關(guān)文章
網(wǎng)頁圖片不顯示的可能性原因及對應(yīng)的解決方法
網(wǎng)頁圖片顯示不出來,主要有2個(gè)原因,一個(gè)是網(wǎng)絡(luò)原因另外一個(gè)是我們電腦瀏覽器的設(shè)置問題,接下來采用排除法為大家詳細(xì)介紹下如何解決此類問題,有類似情況的朋友可以了解2013-10-23網(wǎng)頁js特效 模仿騰訊手機(jī)網(wǎng)鼠標(biāo)劃過圖片顯示列表信息
js特效--通過模仿騰訊手機(jī)網(wǎng)品牌展示,當(dāng)鼠標(biāo)劃過圖片顯示列表信息,此效果可應(yīng)用于手機(jī)網(wǎng)站的產(chǎn)品展示. "網(wǎng)聚重構(gòu)設(shè)計(jì)"提供2010-04-20鼠標(biāo)指向網(wǎng)頁圖片時(shí)圖片周圍顯示虛線框
圖片邊框變換CSS Hover狀態(tài)效果,代碼如下: [html] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xh2009-07-11- 滾輪鼠標(biāo)現(xiàn)在已經(jīng)是裝機(jī)所必須的配置了,可能很多玩家認(rèn)為滾輪的用處也就是在瀏覽網(wǎng)頁或者是查看文件時(shí)候用于上下滾頁而已,其實(shí)這僅僅是鼠標(biāo)滾輪最為基礎(chǔ)的運(yùn)用而已,那2009-04-21
在IE流覽器中正確顯示PNG透明圖片-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
png圖片有很好的品質(zhì)。陰影效果也不會有雜邊,很流暢。如果插入網(wǎng)頁的話可以給網(wǎng)站內(nèi)容增色不少!更重要的是在不增加圖片容量大小的情況下提高了頁面的圖片的質(zhì)量。對于2008-10-17網(wǎng)頁表格或div層在網(wǎng)頁中被撐開解決之道
在我們設(shè)計(jì)網(wǎng)頁的時(shí)候,總會遇到一些不愉快的事情,最常見的莫過于在后臺添加內(nèi)容后才發(fā)現(xiàn)顯示的頁面被撐開,導(dǎo)致網(wǎng)頁極度不美觀。以前大家基本上都是設(shè)計(jì)表格,網(wǎng)上自然不2008-10-17網(wǎng)頁中的圖片無法顯示是怎么辦 電腦網(wǎng)頁圖片無法顯示解決辦法(兩種辦法
我們在使用電腦瀏覽網(wǎng)頁的時(shí)候是不是有碰到過網(wǎng)頁不顯示圖片的時(shí)候呢?有的時(shí)候可能是因?yàn)殡娔X網(wǎng)速慢。所以加載圖片不成功!而有的時(shí)候是因?yàn)橛行┑胤叫枰O(shè)置。下面腳本之2016-03-30