霍者博客

霍者讲解“切图”到底是什么?

1、什么是切图?

切图就是将 .psd 设计稿还原成 Web 页面的过程,这个过程包括两部分:

  1. 切出素材

  2. 编写代码实现

2、为什么要切图?

没有人可以直接把一整张图片引用页面,当作 Web 页面的。切图的主要目的就是给网页提供图片素材 ,可以让你从 html 或者 css 里引入图片。

html: <img src="" alt="">

3、如何切图?

  1. 使用 PS 工具

  2. 使用背景图

  3. 图片合并方案

  4. 浏览器兼容

4、都需要切哪些图?

  1. 修饰性,用在 css 里,icon、logo、有特殊效果的按钮和文字

  2. 内容性,用在 html 里,Banner、广告图片、文章配图

5、切出来的图片保存为哪种格式?

修饰性的保存为 png24(支持半透明),png8。内容性的保存为 jpg。

6、有哪些可以学习的切图教程

建议可以参考一下慕客网和网易云课堂的前端切图部分。

原创文章请注明转载自霍者博客本文地址:http://www.huozheweb.com/post/657.html,标题:霍者讲解“切图”到底是什么?

【我来说两句】
分享到:

相关文章:



评论 0

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。