海水缓蚀剂厂家
免费服务热线

Free service

hotline

010-00000000
海水缓蚀剂厂家
热门搜索:
技术资讯
当前位置:首页 > 技术资讯

用Photoshop切片工具分割图片网店必备

发布时间:2020-02-11 05:20:11 阅读: 来源:海水缓蚀剂厂家

相信不少网友在浏览网页的时候,都会遇到网速不够、想要看的图片迟迟不能读出的情况。而且网页设计员在放高分辨率的清晰图片时,也会顾虑浏览器下载图片的漫长等待消磨网友的耐心。这次的PS教程将为大家带来有效的解决办法——利用Photoshop切片工具将图片分割。

这样的好处在于,从网页中显示的图片是由几个小图构成,当浏览网速不畅的时候,网友将会先看到一些小图,从而避免因为图片庞大,而匆匆将网页关掉。这个方法对于想要改善网店浏览体验的,增加顾客量的店长来说可是不得不学。下面马上开始这次PS教程!

1.打开要分割的图片,点击工具栏的切片工具。

图01

2.在要切片的图片上切一个框,如图所示。

图02

3.点击鼠标右键,选择划分切片。

图03

4.设置如图,水平划分为4,垂直划分为3。

图04

5.效果如图所示。

图05

6.将图片划分好后,我们点击工具栏下面的ImageReady键计入IR状态下编辑图片。

图06

7.点击文件,将优化结果存储为HTML格式。

图07

8.命名为秘密花园,如图所示。

图08

9.存在电脑桌面或其他文件夹,会出现一个HTML格式的网页,我们打开另一个文件名为Image的文件包,里面就是我们刚才分割好的小图片。

图09

10.如图所示,就是我们刚才分割好的12张Gif格式图片。

图10

11.我们打开这些小图片时会返现默认为索引颜色。这时选择图像>模式>RGB颜色,就可以对这些小图片进行处理了。

图11

12.我们在做网页的时候,使用分割好的小图片有利于网页的浏览速度。

图12

深圳注册公司工商

工商税务

广州代理记账多少钱

中山工商税务代办公司