一.网页常见图片格式:

1.jpg:

jpg图像格式:JPEG(JPG)对色彩的信息保留较好,高清,颜色多,我们产品的图片经常使用jpg格式的

2.GIF:

GIF格式最多只能存储256色,所以通常用来显示简单图形及文字,但是可以保存透明背景和动画效果,实际经常图片小动画效果(表情包)

3.PNG:

png图像格式是一种新兴的网络图片格式,结合了GIF和JPEG的特点,具有存储形式丰富的特点,能够保持图片背景透明,如果想切成透明图片选择png格式

PSD:

PSD图像格式PSD格式是Photoshop的专用格式,里面可以存放图层信息,通道,遮蔽等多种设计稿,对于前端开发人员来说,最大的特点我们可以直接从上面复制文字,获得图片,还可以测量大小距离.

二.ps的基本操作:

1.测量操作:

ctrl+r键调出标尺
右键标尺可以切换测量单位(把单位改为像素)
ctrl+ ‘+’ 可以放大视图
ctrl+ ‘-’ 可以缩小视图 (或者alt+换轮)
按住空格键可以使用抓手工具 .
英文的情况下使用I 可以调出吸色工具

1.1 使用选区测量图片的大小:

最常用的是矩形选区工具:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NfI41G1B-1671404204760)(imag/image-20221009100928130.png)]

取消选区的方法: ctrl+D 或者在其他地方随便点一下

三.ps切图:

1.常见的ps切图方式:

图层切图:

最简单的切图方式：右击图层 ->快速导出为 PNG。
但是很多情况下,我们需要合并图层再导出:
– 选中需要的图层: 图层菜单 -> 合并图层(ctrl+e)
– 右击 -> 快速导出为 PNG最好的方法是: 沟通
切片切图:

利用切片工具手动划出
– 文件菜单->导出->存储为 web 设备所用格式->选择我们要的图片格式->存储
插件切图 (老子用不了) :

导出->存储为 web 设备所用格式->选择我们要的图片格式->存储

插件切图 (老子用不了) :

–Cutterman 是一款运行在 Photoshop 中的插件，能够自动将你需要的图层进行输出，以替代传统的手工 “导出 web 所用格式” 以及使用切片工具进行挨个切图的繁琐流程。

11.常见网页图片格式+ps的使用方法相关推荐

七、vertical-align属性、透明度属性及兼容、ps常用工具、常见的图片格式、项目规范、命名参考、iconfont的使用
一.css其他属性 1.vertical-align属性设置元素的垂直对齐方式,适用于行级元素.行块级元素. (1)语法 vertical-align: top | bottom | middle ...
七、vertical-align属性、透明度属性及兼容、ps常用工具、常见的图片格式、项目规范、命名参考、iconfont的使用...
此文转载自:https://blog.csdn.net/qq_52426181/article/details/110228561 一.css其他属性 1.vertical-align属性设置元素的 ...
PS常用工具、常见的图片格式和特点、 IE 浏览器常见兼容问题、CSS Hack
PS常用工具常见的图片格式和特点. IE 浏览器常见兼容问题.CSS Hack PS常用工具移动工具移动工具主要负责图层.选区.等的移动.复制操作. 快捷键:v 抓手工具快捷键:h 空格 + 鼠 ...
前端开发中常见的图片格式
JPEG,GIF,PNG,最流行的是 jpeg 格式,可以把文件压缩到最小在 ps 以 jpeg 格式存储时,提供 11 级压缩级别. 网页中常见的图片格式有: 1.GIF图片格式,GIF是一种调色板 ...
day07项目切图规范、常见的图片格式和特点、CSS精灵、 CSS小箭头、BFC、阿里矢量图标
文章目录 day07 项目切图规范 PS常用工具常见的图片格式和特点 CSS精灵 CSS小箭头 BFC (Block Formatting Context) 块级格式化上下文阿里矢量图标 day0 ...
python画图常见不同图片格式保存
python画图常见不同图片格式保存上周讨论老师要我把data生成 tif / tiff 图给他,方便用于编辑成高清矢量图?(原谅我没太仔细听为什么了...,这该死的瞌睡虫)放进paper,平常都是 ...
【CSS】PhotoShop 切图 ① ( 常见的图片格式 - jpeg、gif、png、psd | PhotoShop 切片工具 )
文章目录一.常见的图片格式 - jpeg.gif.png.psd 二.PhotoShop 切片工具 1.导入素材 2.选择切片工具 3.选择切片工具样式 4.改变切片大小 5.改变切片位置一.常见 ...
本地html图片载入很慢,打开网页时图片加载很慢怎么办？网页图片打开慢的解决方法...
打开网页里的图片很慢怎么办,电脑打开带图片的网页速度很慢的原因有网速的原因也有电脑配置和软件设置的因素. 电脑打开带图片的网页速度很慢是什么原因清理影响网页打开速度的因素 cookies,开始-控制 ...
批量改变文件夹和子文件夹中图片格式的两种方法
生活中,我们通常会遇到这种问题:一个文件夹内部有多个子文件夹,每个文件夹内部有很多图片,我们想改变这些图片的格式. 例如.png格式图片支持背景透明,但我们想把它变成背景不透明的.jpg图片.又比如. ...

11.常见网页图片格式+ps的使用方法

一.网页常见图片格式:

1.jpg:

jpg图像格式:JPEG(JPG)对色彩的信息保留较好,高清,颜色多,我们产品的图片经常使用jpg格式的

2.GIF:

GIF格式最多只能存储256色,所以通常用来显示简单图形及文字,但是可以保存透明背景和动画效果,实际经常图片小动画效果(表情包)

3.PNG:

png图像格式是一种新兴的网络图片格式,结合了GIF和JPEG的特点,具有存储形式丰富的特点,能够保持图片背景透明,如果想切成透明图片选择png格式

PSD:

PSD图像格式PSD格式是Photoshop的专用格式,里面可以存放图层信息,通道,遮蔽等多种设计稿,对于前端开发人员来说,最大的特点我们可以直接从上面复制文字,获得图片,还可以测量大小距离.

二.ps的基本操作:

1.测量操作:

1.1 使用选区测量图片的大小:

三.ps切图:

1.常见的ps切图方式:

11.常见网页图片格式+ps的使用方法相关推荐

最新文章

热门文章