15.前端笔记-CSS-PS切图

news/2024/7/8 2:39:07

1、图片格式

格式优点
jpg同jpeg,产品类图片常用,高清,颜色多
gif可以保存成透明背景和动画效果,图片小动画常用,最多存储256色
png结合了jpg和gif的优点,保存为背景透明,存储形式丰富
psdphotoshop的文件格式,可以直接复制样式和文字,测量大小和距离

2、PS切图

ps切图方式:

图层切图、切片切图、ps插件切图

2.1 图层切图

课程:
https://www.bilibili.com/video/BV14J4114768?p=190&vd_source=7dbaf02b7acb4d32a5717c69ed39da1d
1、右击图层-》快速导出为PNG
2、选择需要合并的图层:图层菜单-》合并图层(ctrl+E)
右击——》快速导出为PNG
在这里插入图片描述

2.2 切片切图

1、利用切片选择图片(切片工具手动划出)
2、导出选择的图片
文件菜单-》导出-》存储为web设备所用格式-》选择要的图片格式-》存储(选中的切片)
在这里插入图片描述

在这里插入图片描述

2.3 ps插件切图

cutterman安装和使用:
在这里插入图片描述


http://lihuaxi.xjx100.cn/news/298850.html

相关文章

Postgresql源码(92)深入分析HOT更新

0 概述与总结 hot更新已经有几篇分析了,这里是最后一篇(总结性的,前面的可以忽略)。前面在看update代码时,大部分集中在heap_update上,没有涉及寻找HOT链的逻辑。本篇重点看HOT链是如何使用的。 &#xf…

《Redis基础篇》带你走进Redis的世界 ~ ⭐必看必看⭐

文章目录1. NoSQL数据库简介1.1 技术发展1.1.1. Web1.0时代1.1.2 Web2.0时代1.1.3. 解决CPU及内存压力(采用分布式)1.1.4. 解决IO压力1.2. NoSQL数据库1.2.1. NoSQL数据库概述1.2.2 NoSQL适用场景1.2.3 NoSQL不适用场景1.2.4 Memcache1.2.5 Redis1.2.6. MongoDB1.3. 行式存储数…

excel转换成pdf格式怎么操作?这3招教你Excel怎么转PDF

在我们日常办公中,经常会需要用到Excel表格,这类文件格式可以帮助我们日常记录统计数据,有效的提升办公效率。当我们需要将文件发送给别人,为了避免被改数据内容,很多时候都会将Excel转换为PDF格式。那么,E…

Perl5和Perl6对比使用Sigils的差别

概述 让我们从Perl 5和Perl 6中的Sigils概述开始: 符号Perl5Perl6 Array Positional% Hash Associative& Subroutine Callable$ Scalar Item* TypeglobN/a (Array vs. Positional) 在perl 5中定义数组时,可以创建一个可扩展的标量值列表&#x…

计算机毕业设计Java班主任管理系统(源码+系统+mysql数据库+lw文档)

计算机毕业设计Java班主任管理系统(源码系统mysql数据库lw文档) 计算机毕业设计Java班主任管理系统(源码系统mysql数据库lw文档)本源码技术栈: 项目架构:B/S架构 开发语言:Java语言 开发软件:idea eclipse 前端技术&#xff1…

嵌入式系统硬件概述

文章目录嵌入式系统硬件平台(1) 嵌入式处理器的分类(2) 嵌入式微处理器MIPS处理器PowerPC处理器ARM处理器ARM发展历史ARM公司介绍ARM市场份额嵌入式微控制器(MCU)数字信号处理器(DSP)嵌入式片上系统(SoC)嵌…

设计模式-桥接模式

桥接模式( Bridge Pattern )也称为桥梁模式、接口(Interfce)模式或柄体( Handle and Body)模 式,是将抽象部分与它的具体实现部分分离,使它们都可以独立地变化,属于结构型模式。 原文:Decouple an abstract…

提到Canvas,必须好好唠唠它的图像操作能力

前情提要 接续一下之前对Canvas的探索。本篇分享一下对图像操作的阅读和研究。 日常开发中,时常遇到对图像的处理的场景。精美的图像做为背景或者场景,相对会吸引人。 Canvas图像API十分强大。可以通过Canvas图像API加载图像数据,进行裁剪…