Photoshop怎么将图片切片并添加网址链接?

软件发布|下载排行|最新软件

当前位置:首页photoshop教程图片处理

Photoshop怎么将图片切片并添加网址链接?

软件云   2020-10-17 我要评论

由于网页的制作需要在图片加一些链接,在ps切片时加链接会更方便也更不容易出错,这里给大家介绍下:如有何如利用ps切片给图片加链接。

1、用ps打开需要切片加链接的图片。

ps怎么将图片切片并添加网址链接?

2、选择“切片工具”,或者按键盘上的Shift+C来切换到“切片工具”。

ps怎么将图片切片并添加网址链接?

3、画切片。利用参考线画出的切片会没有分隔符。

ps怎么将图片切片并添加网址链接?

4、画好切片后,选择需要添加链接的单个切片区域,点击鼠标右键。选择“编辑切片选项”。

ps怎么将图片切片并添加网址链接?

5、在“URL”那一栏的框里填上你需要添加的网址链接。填好后点击“确定”。其他的切片区域也可以进行添加链接。我这里就添加这一个区域的做测试。

ps怎么将图片切片并添加网址链接?

ps怎么将图片切片并添加网址链接?

6、添加好网址链接后。点击“文件”>“储存为Web所用格式”。快捷键 Alt+Shift+Ctrl+S

ps怎么将图片切片并添加网址链接?

7、保存时可以选择图片的格式,品质和图片尺寸的大小。格式一般为jpg具体看使用需要。品质决定图片的内存大小和画质的清晰度,视情况而调。

ps怎么将图片切片并添加网址链接?

8、点击“储存”后,弹出“将优化结果储存为”的窗口,这里要把格式更改成“HTML和图像或者“仅HTML”。HTML是网页格式链接就做里面。

ps怎么将图片切片并添加网址链接?

9、储存后的文件为,images和一个html网页文件。

ps怎么将图片切片并添加网址链接?

10、用网页编辑软件打开html文件即可获取代码了。把代码复制到需要的地方就可以了。

ps怎么将图片切片并添加网址链接?

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们