网站设计资讯

Images

高端网站建设中关于图片优化设计

网站建设图片 佛山高端网站设计 成都高端网站建设

让我们直接使用它CSS风格取代图片来实现修改效果!例如:半透明、圆角、阴影、亮点、渐变等。这些主流浏览器可以得到完美的支持,我们不会完全抛弃那些低端浏览器,渐进增强这是一个很好的解决方案。至于什么是逐渐增强,这里就不用太多空间来解释了。如果您感兴趣,可以参考CSS渐进增强在web例子常用于生产。

高端网站建设"/>

高端网站建设


基本上,内容图片大多是照片或图片构成复杂的情况,适用于JPEG。如网站中的Banner图、轮播图、大尺寸背景图等。

修饰图片通常更适合无损压缩PNG。而我们主要用到的PNG图片又分为PNG-8和PNG-24两种,PNG-8格式不支持半透明,也是IE6 兼容的图片存储模式。半透明或全透明背景,对图片质量要求较高,保存成PNG-24更合适。有时候会遇到。IE6下应用PNG-24关于 的图片IE6下PNG Alpha透明的解决方案可以参考IE6中PNG Alpha透明。我在项目中常用的方法是AlphaImageLoader筛选器。

CSS Sprites,将相同类型的图标或按钮等背景图集成到大图中,以减少页面请求。

Icon Font,将图标制作成字体文件。优点是图标支持多个尺寸,与所有浏览器兼容,减少页面要求。缺点是只支持纯色icon。

SVG,矢量图对于大多数图案和图标来说更小,可以在不生成多套图的情况下缩放。现在主流浏览器支持SVG所以可以放心使用!

图片压缩工具可以在图片上线前用压缩工具压缩,以获得更高的压缩比。我常用的压缩工具是Yahoo的Smush.it。