平面设计和网页设计是两个截然不同的领域,这两个领域有不同的设计需求、设计实践和设计方法。例如,在网页设计中更常使用基于像素或栅格的文件格式,诸如JPG、GIF或PNG。相反,在平面设计领域像logo这样的图形可能会用到不同尺寸,因此使用最多的格式则是EPS和AI这样的矢量格式。然而,用于网页的矢量格式,如SVG或HTML5 Canvas则不能广泛应用,也不会被所有浏览器所支持。Photoshop是平面设计师和网页设计师使用的行业标准工具。以下是你在创建web端使用图像时的一些简单的小技巧。
1. 将图片保存成Web所用格式在网页设计中,你必须确保你的图像大小越小越好。当然,当你想要图片完好显示时可以抛弃这条原则。在Photoshop中创建图像的完美方法便是平衡质量与文件大小。网页设计师经常犯的一个错误便是使用另存为命令,而不是使用存储为Web所用格式。存储为Web所用格式可以将图像保存成基于网页设计优化过的格式,包括图像质量、图像分辨率、浏览器兼容性和文件大小。这一命令会有一个对话框,你可以用来微调你的图像。当你调整图像的设置时,它会显示出文件的大小和图像的质量。
2、考虑使用Web安全色Web安全色在大多数浏览器和显示器上都能够正确显示,这确保了你的网页无论在哪里看起来都有相同的效果。下面是确保你使用的颜色为Web安全色的两个简单方法。只有Web颜色选项在拾色器窗口的左下角勾选只有Web颜色选项。这将使窗口只显示出Web安全色。
3、将图像保存成透明的PNG格式当你需要透明的图片时,PNG格式是你的最佳选择。
4、将动态图片保存成GIF格式GIF图像格式虽然大多数情况下可以被PNG格式所取代,但有一点仍然很有用。虽然这种格式相对PNG和JPG来说显得粗糙,但GIF格式本身有个非常给力的功能,就是支持动画。科技有限公司是一家以策略、创意、设计、技术、服务为核心的互联网公司。有自主研发的核心技术,有多位网页设计界知名设计师,经历12年发展历程、与上百家上市企业的成功合作经验,上万家企业信心选择的服务商,让我们成长为互联网精英公司集策划思维、设计执行、服务意识于一体的深圳网站建设公司。中企动力出品,必出精品,是我们的核心理念。中企动力愿与客户一同成长,携手前行。咨询热线:400-660-8066