Question

psd如何切图

Answer 1

PSD如何切图？
一：切图一般保存gif格式，颜色选128就可以了。 下面是某网站切图中出现的问题，希望对大家有用。 问题一：切图
1． 图片命名：要用有意义的英文命名。
2． 切图只是为了排版，，要考虑到易用性，格式一样的版式，要保持那一板的图片宽度，高度一致。
3． 在切图里要保持图片的完整性，这是首先要做到的。
4。对于网站上大部分图片，要考虑到网站以后的更新，所以你要切图里就不
应该把边框切下来，边框是可以用代码来实现的 5． 其实一张PS图纸，真正在布局时能够用得上的很少，图片可以更新，
只起占位符的作用，图片文件夹里的图片一定都是有用的。 6 .表格，边框分隔符可以 用代码实现效果。
7.要保证页面的美观有很多方面，但其一是图片，在切片时不要的坚绝不要，但需要的
一定要留着。 8. 浏览器是一个表格一个表格下载网页的，在切片时要注意这点，以免有些
东西无法下载时，网站残缺太严重。 问题二：代码
1． 整个布局运用table，这个在浏览器的兼容性上非常好，但是更新麻烦，
页面很大，下载很慢，并且蜘蛛在爬行时，只提取有用的文字、链接信息。大量的table,tr,td是没有用的，现在比较流行div+css，就实现了代码与内容的分离，而且好多效果只需一句代码就可以实现，并且可以全站大量重复利用。 2． 在网站的整体布局时，层次一定要清晰。自己看舒服，更新也简单。 3． 在搜索引擎优好的角度来看，是应该定义单元格的高度，宽度，此时就
可以省掉图片的宽度的高度。 4． 在设置字体时，要注意是不是别人的浏览器里也有这样的字体，当没有
时，就会使用系统默认的字体，这样可能就太变形了。 5.排版时，对于标题，要用系统自带的h1---h6，还有b,u

索引擎优化的角度来说的，同理还有代码的最优化，图片的最小化，结构的最简化。对于第一点，就是众观全局，找出相同点，同样的代码多次利用，有一个技巧：就是多用class，而不是id，就是这个原理。对于第二点就是尽量少的运用图片，能用代码，颜色实现的效果就不要用图片，但是一定要用图片时就不要节约了，对于第三点，这从设计图纸时就要考虑进去了，最后在排版时就看技术人员的整体定位了，先大局，后从上到下，从左到右。
6．对于整体布局，最上面没有置顶，解决方法:
body{margin:0px}margin:0px，这个对于table，ul.form很有用处，其他的好像在没有设置值时都没有多大用处，我以前总是习惯性地都写上，其时没有多大用处。
7． 浏览器的兼容性上，如果是table布局的话，这个在各个浏览器上都基
本没有什么大问题，但是在很多细节上firefox和ie处理的很不一样，这就需要在布局时注意的，如果是div+css布局，就不一样了，这里举一例：文字本身大小不兼容，同样是宋体14px的字体，在ie下是16px，下留白3px;在firefox中实际占高17px，上留白1px,下留白3px;，解决方法是定义行高 8． 对于兼容性，还有很多方面，就算是ie6/ie7/ie8之间都有很多不同之
处，你只有先了解这些不同之处，才可以在写代码时避免，或出现问题后具体问题具体解决。