在网页设计中使用图像时应注意那些问题

admin · 发表于2014-08-20 19:20:00

yjz123456 · 发表于2016-08-16 10:05:07

图片的地址，狂读，高度以及图片的说明都必不可少。

杜永亮 · 发表于2016-08-23 08:55:03

浏览器可以显示的图像格式是jpeg，bmp，gif，png。其中bmp文件存储空间大，传输慢，不提倡使用，常用的jpeg和gif格式的图像相比较，jpeg图像支持数百万种颜色，即使在传送中丢失数据，也不会在质量上有明显的不同，占位空间比gif大，gif图像仅包括365色彩，虽然适量上没有jpeg图像高，但占位存储空间小，下载速度快，支持动画效果及背景色透明等特点。因此使用图像美化页面可视情况而决定使用哪种格式。

WR · 发表于2016-08-27 17:46:04

图片实际尺寸不要与设置尺寸相差太大

桃子++ · 发表于2016-08-29 10:09:53

1、图像的使用路径需要写正确

2、图像的格式一定要写正确

gaoye · 发表于2016-08-29 11:56:45

浏览器可以显示的图像格式有jpeg，bmp，gif，png。其中bmp文件存储空间大，传输慢，不提倡用，常用的jpeg和gif格式的图像相比较，jpeg图像支持数百万种颜色，即使在传输过程中丢失数据，也不会在质量上有明显的不同，占位空间比gif大，gif图像仅包括265色彩，虽然质量上没有jpeg图像高，但占位储存空间小，下载速度最快、支持动画效果及背景色透明等特点。因此使用图像美画页面可视情况而决定使用那种格式。

网页中插入图片用单标签<img>，当浏览器读取到<img>标签时，就会显示此标签所设定的图像。如果要对插入的图片进行修饰时，仅仅用这一个属性是不够的，还要配合其它属性来完成。

图像和文字的之间的对齐是通过align属性来设定的， align的对齐方式有两种：即绝对对齐和相对对齐。绝对对齐方式的效果和文字一样，只有三种：居中（middle）、居左（left）、居右（right）。相对文字对齐方式是指图像与一行文字的相对位置。

图像的链接和文字的链接方法是一样的，都是用<a>标签来完成，只要将<img>标签放在<a>和</a>只见就可以了。用图像链接的图片的上有蓝色的边框，这个边框颜色也可以在<body>标签中设定。

renmihe · 发表于2016-08-30 19:46:58

图像格式尽量使用jpg格式，支持数百万种颜色，即使在传输过程中丢失数据，也不会在质量上有明显的不同

bmp文件存储空间大，传输慢，不提倡用

gif格式包括265色彩，然质量上没有jpeg图像高，使用背景色透明或动画时使用

尽量少使用大图片，大图片会导致网页打开慢

图片上的文字不会被搜索引擎搜索到，所以文字也尽量不要写在图片上

马鹏磊 · 发表于2016-08-30 16:30:50

网页中插入图片用单标签<img>，当浏览器读取到<img>标签时，就会显示此标签所设定的图像。如果要对插入的图片进行修饰时，仅仅用这一个属性是不够的，还要配合其它属性来完成。

src 图像的 url 的路径
alt 提示文字
width 宽度通常只设为图片的真实大小以免失真,改变图片大小最好用图像工具.
height 高度通常只设为图片的真实大小以免失真,改变图片大小最好用图像工具.
usemap 映像地图
align 图像和文字之间的排列属性
border 边框
hspace 水平间距

liufangyuan · 发表于2016-08-30 17:44:19

浏览器可以显示的图像格式有jpeg，bmp，gif，png。

1，其中bmp文件存储空间大，传输慢，不提倡用

2，常用的jpeg和gif格式的图像相比较，jpeg图像支持数百万种颜色，即使在传输过程中丢失数据，也不会在质量上有明显的不同，占位空间比gif大

3，gif图像仅包括265色彩，虽然质量上没有jpeg图像高，但占位储存空间小，下载速度最快、支持动画效果及背景色透明等特点

4，因此使用图像美画页面可视情况而决定使用那种格式

Sarbr · 发表于2016-08-30 18:00:54

图像可以使html页面美观生动且富有生机。浏览器可以显示的图像格式有jpeg，bmp，gif，png。其中bmp文件存储空间大，传输慢，不提倡用，常用的jpeg和gif格式的图像相比较，jpeg图像支持数百万种颜色，即使在传输过程中丢失数据，也不会在质量上有明显的不同，占位空间比gif大，gif图像仅包括265色彩，虽然质量上没有jpeg图像高，但占位储存空间小，下载速度最快、支持动画效果及背景色透明等特点。因此使用图像美画页面可视情况而决定使用那种格式。

song · 发表于2016-08-30 19:00:44

网页设计与一般的平面设计对图片的要求不同，网页中图片不需要很高的分辨率，因此在制作网页图片时有很大的自由空间。但在网页中使用图片时，有以下几点应该注意。
1、图片文件的大小是网络网页设计人员必须考虑的问题,因为浏览者在下载较大的图片时往往需要花费大量的时间,这样，网站打开速度也会变慢，太长时间的等待将影响到浏览者的浏览意愿.因此应该对较大的图片文件进行适当的压缩和切割。
2、图片不只是网页设计中装饰性的点缀,它可以帮助设计员传达网页要表现的内容,所以在选择图片时,应该挑选与网页主网站主题有关联性的图片。
3、对于网站的标志图片,主体应该清晰可见,图形的含义最好简单明了,图片内所含的文字应该清楚且容易辨认。
 <img src="图像地址" width="宽度" height="高度" alt="图片说明">

zhangjialong · 发表于2016-08-30 19:07:51

网页设计与一般的平面设计对图片的要求不同，网页中图片不需要很高的分辨率，因此在制作网页图片时有很大的自由空间。但在网页中使用图片时，有以下几点应该注意。
1、图片文件的大小是网络网页设计人员必须考虑的问题,因为浏览者在下载较大的图片时往往需要花费大量的时间,这样，网站打开速度也会变慢，太长时间的等待将影响到浏览者的浏览意愿.因此应该对较大的图片文件进行适当的压缩和切割。
2、图片不只是网页设计中装饰性的点缀,它可以帮助设计员传达网页要表现的内容,所以在选择图片时,应该挑选与网页主网站主题有关联性的图片。
3、对于网站的标志图片,主体应该清晰可见,图形的含义最好简单明了,图片内所含的文字应该清楚且容易辨认。
<img src="图像地址" width="宽度" height="高度" alt="图片说明">

一个人的时光 · 发表于2016-08-30 19:18:06

jpeg图像支持数百万种颜色，即使在传输过程中丢失数据，也不会在质量上有明显的不同，占位空间比gif大，gif图像仅包括265色彩，虽然质量上没有jpeg图像高，但占位储存空间小，下载速度最快、支持动画效果及背景色透明等特点。因此使用图像美画页面可视情况而决定使用那种格式。

XIAOC · 发表于2016-08-31 13:33:43

图像的大小，和文字的对齐方式，图片的存放位置，和文字的距离，

cheng1 · 发表于2016-09-02 09:56:24

<img src="图像地址" width="宽度" height="高度" alt="图片说明" />

Cracia · 发表于2016-09-06 13:42:44

注意引用图片的存储大小、像素大小，以及引用图片时图片所在位置

为加快浏览页面的加载，注意使用css设计

梦紫菱0124 · 发表于2016-09-19 18:58:38

例如上面的是html代码引用图片，图片地址、宽度、高度、图片说明都必不可少

李世泽 · 发表于2016-11-26 17:37:17

图片地址宽度高度图片说明

ste123 · 发表于2017-04-05 16:56:18

王之神判 · 发表于2017-08-10 10:30:11

路径一定要对，图片得有文字说明

740317431 · 发表于2017-08-10 11:47:07

文件大小；数量和质量；动画

kk · 发表于2017-08-14 18:31:57

注意区别图片的路径

wulinan · 发表于2017-08-20 14:47:54

文件大小，质量，数量，图片格式，像素，动画

田凡 · 发表于2017-09-09 08:55:55

图像的格式大小地址颜色

javaxiaozi · 发表于2017-11-06 16:49:19

在html中使用图片时引用的图片，图片的地址，以及宽度，高度以及图片的说明都是必不可少的

lijiaxing · 发表于2017-12-05 09:58:54

文件大小数量和质量以及动画

LZZ · 发表于2020-07-13 09:22:45

图像地址

图像宽度、高度

图片说明

图像的大小，像素大小

图片与整个网页内容相关

用户名			找回密码
密码			立即注册

学习平台

在网页设计中使用图像时应注意那些问题