导航:首页 > 万维百科 > 网页设计图片的分辨率

网页设计图片的分辨率

发布时间:2020-10-28 20:43:44

1、响应式网页设计通常几个分辨率的页面啊?

页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。所以要区别看待。
PSD做1366*768的尺寸,网页顶部、底部、导航条部分需要百分百宽 内容根据PSD设定具体像素

2、关于网页制作大小与分辨率的关系

呵呵,我来回答你的问题吧。
1:分辨率的问题。现在PC端大部分的网站都采用固定宽度、高度自适应、并居中的布局方法,宽度一般都是1000PX左右。这已经兼容绝大部分的分辨率了,至于极个别的分辨率的兼容性,要么舍弃掉,要么就对该分辨率重新设计一个版面。总的来说,PC端的分辨率,楼主不需要其有多大的疑虑,感觉有点太过忧虑。当你对网页制作更加深入以后,你会发现你的担心是多余的。

2:你说自动铺满全屏。他没采用第一种布局方式,而是采用定位的方式布局的。

3:网页在浏览器和DW软件显示有差异,你无需管网页在DW软件中的显示结果,显示结果均由浏览器显示结果为基准。因为用户使用浏览器访问你的网站。至于为什么会有差异,DW毕竟只是一个软件而不是浏览器。

3、请问制做网页图片的分辨率一般设为多少

网页上72是最合适,太高不但会影响文件大小从而影响图片下载,而且在IE中显示效果也不会很明显!

4、设计网页的时候,怎样让图片在不同的分辨率和显示器下都是满屏显示的?宽度的尺寸是多大?

在DW软件的菜单栏中选择“修改”,打开修改选项卡;
然后选择“页面属性”,弹出页面属性面板;
在属性面板左侧“分类”栏中选择“外观”;
然后将左边距、右边距、上边距、下边距的值都设置为0就可以了。
应该所有电脑都会默认满屏显示的,如果同时想手机、平板电脑都为满屏显示,就要进行”多屏幕“设置。我也是学习中,有什么不对的地方求指正,希望可以帮到你。

5、网页设计时遇到的分辨率问题,如何解决

这位网友你好,你可以将图片宽度设置为100%,或者将图片设置为背景。这两种方法都可以达到你的要求。

6、正常网页制作背景图片应该多大?

1、背景最好是能够做到自动延伸,现在的显示器是越来越大,分辨率也慢慢的变大了,现在用1600*900分辨率的也不少,我的就是,当然也有人用1280*768、1024*768等,所以网页设计的背景一般是不会设计成固定尺寸的,你可以做成可循环平铺的图片或者渐变颜色,直接是一种颜色那就更方便了;

2、其实网页设计一般所说的尺寸指的是主体框架的尺寸,就拿现在这个百度知道的页面距离,中间的主体部分无论是浏览器怎么伸展,主体内容的宽度是保持不变的,我查看了一下css代码,这个主体框架的宽度是980px;

3、你设计的时候把主体部分设置成980-1000px就差不多了,毕竟现在使用1024*768分辨率以下的人已经毕竟少了。

7、我准备做一张图放到网页上去,应该怎样设计宽 , 高,分辨率,还有大小尺寸呢

放到网页上去:到这个网页上去核实它的宽是多少。网页的宽度是通过css来确定的。只有明确了网页的宽度才能设计图片的尺寸。

8、HTML页面如何设计,使图片文字都按分辨率自动缩放? 主要是图片要自动缩放 谢谢

图片可对宽复高使用百分百如`width:30%`;文字制可用rem为单位而不是固定像素的px,再根据分辨率修改根元素html标签的font-size的(媒体查询),如此rem会根据其大小同步进行变化.媒体查询的使用方法见:网页链接

9、网页设计中图片的分辨率是多少

图片的分辨率在不同的地方是不一样的 网页设计为72DPI 写真为152 2楼说的都对

10、用photoshop设计网页首页时,设置多少精度出来的网页图片精度高?

Photoshop制作网页效果图的几个注意点:
第一点:新建文件尺寸大小; 制作网页效果图,首先就是要新建文件,那么要建多大的合适呢?这可不是随便乱定的,一般我们是要根据目前绝大部分显示器的最佳分辨率来定。在比较早些时候,17英寸为主流显示器,最佳分辨率为1024*768,所以考虑到网页在显示器上能有最好的显示效果,一般都定在1003px以下(这个数据是由显示器最宽1024px减去浏览器右侧滚动条宽21px和到1003px)。如果你的网页超过这个尺寸,那当网页即使最大化显示的时候,内容也不能完全呈现,底部就会显示水平滚动条,这样会影响用户体验! 目前来说19英寸分辨率达到1280以上的宽屏显示器已经成为主流,因此现在很多网页都开始做得更宽,比如可以做成1200px宽的,但为了能让1024分辨率下都能有好显示,建议还是定为1003px以下,比如960,980都是合适的。如果不确定应该设置多少合适,可以打开参考网站,看看他们是设置多少。 如何查看别人的网页尺寸呢?很简单,使用截图工具把网页截下完整的宽度后使用Photoshop用选区工具框选宽度就能在信息面板里显示出来了!
第二点:字体与字号; 字体方面,在浏览器里显示的字体是调用操作系统里的,因为绝大部分操作系统都有宋体、黑体、微软雅黑、Arial、Tahoma这几种字体,所以在网页效果制作时,尽量使用这些字体,如果不使用这些字体,那到在把网页效果图做成网页的时候就没法做出这种字体效果了;如果非要使用其他字体,那么在做成网页的时候只能以图片的形式来显示出来,不过考虑到图片文件都偏大,会让网页打开速度降低,所以尽量不要以这种形式显示。
第三点:关于颜色; 不同的操作系统会有不一样的调色标准,因在Web上就有定义了一个安全色表,以期能让符合这个色表定义的颜色,在不同显示设备上都能有同样的显示效果。不过对于不是对色彩十分严谨的网页效果来说,不需要这么严格执行,所以关于颜色,我们直接使用Photoshop里默认的颜色就可以了,当然,如果你所设计的网页对于色彩十分看中,那请认真按照Web安全色标准设计。
第四点:网页效果图里填充的内容; 在制作网页效果的时候,很多地方要填充文字内容,这个时候有些初学者为了方便操作,直接把同样的内容复制使用,最后整个网页上看起来就会显得怪怪的。这里大家在填充内容的时候,最好是使用不一样的信息,或者干脆直接从其他网页上截取内容填充。
第五点:要注重细节处理; 因为你制作出来的效果图,最终是做为网页的制作依据,因此在效果图上,每个模块的间距都要精确到像素、文字摆放的位置等也要准确到位。
第六点:保存的图片格式; 效果图制作好后,建议保存成png格式。不要存jpg格式,因为这个格式对图片压缩比较大,会丢失细节。

与网页设计图片的分辨率相关的知识