切图小知识.doc

上传人:11****ws 文档编号:3073371 上传时间:2019-05-20 格式:DOC 页数:4 大小:191KB
下载 相关 举报
切图小知识.doc_第1页
第1页 / 共4页
切图小知识.doc_第2页
第2页 / 共4页
切图小知识.doc_第3页
第3页 / 共4页
切图小知识.doc_第4页
第4页 / 共4页
亲,该文档总共4页,全部预览完了,如果喜欢就下载吧!
资源描述

1、 把大幅图片分割成多个小图片,打开网页时,多个小图片会同时下载,这样就可以明显提高网页刷新的速度,整幅图片会很快出现在网页上。因此网页制作时经常需要切割图片。下面举例说明如何在 Photoshop 中切割图片。1. 打开一张图片,选择工具栏上的“切片工具”,样式有三种选择,为了便于图片的管理,我通常选择“固定大小” 。普通网页宽度通常是 760px,所以我选择五分之一宽度,也就是152px 作为切割图片的宽度。宽度和高度都可根据图片大小随意调整。2. 选中“切片工具”后,在图片上任意点击一下左键,或者按住左键拖拽一个方形,就出现一个切片。3. 如果变换切片的位置和大小,选择工具栏上的“切片选择

2、工具” ,再点击某个切片即可选中。用左键按住某个已选中的切片,可以随意挪动切片位置。用左键按住切片四周的小黑点,也可随意伸展或收缩切片大小。如果在某个切片上单击右键,弹出的菜单上可以选择删除切片或者编辑切片。4. 以此类推,再次选择“切片工具”在图片上切出更多切片,并排列位置,如图所示5. 如果需要,还可以把某个切片细分成更多小切片。方法是,选择工具栏上的“ 切片选择工具”,选中某个切片,单击顶上的“划分” 按钮,可任意选择分割切片的方式,可以按切片个数划分,也可以按精确像素划分,不一而足。6. 点击顶部的 “为当前切片设置选项”按钮,设置切片类型、名称、网络上定位的 URL 地址、目标(即加

3、载 URL 时的桢,此项仅针对动画图片) 、信息文本(即鼠标指向网页上的图片时,出现在浏览器底部状态栏的文字信息) 、Alt 标记(即鼠标放置在网页上的图片上时,自动出现在图片周围的解释文字) 。设置这些选项后,将来生成的 HTML 页面上,图片就会被设置好链接。可对每个切片分别选中,分别设置这些选项。7. 点击菜单:文件 存储为 Web 所用格式。此时如图所示,选择 “双联” ,左侧为图片原稿,右侧为将来在网页上出现的图像,可以用鼠标选中右侧任意一个切片,设置每个小切片图片的类型等等,同时可以设置图片品质用于压缩图片大小点击“存储”按钮,选择保存文件类型为“HTML 和图像” ,如图所示,保存完成后,电脑上就会出现一个名叫 index.html 的文件和一个名叫 images 的图片目录,切分后的图片就保存在这里。index.html 就是用切分后的小图片组成的网页文件。

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 实用文档资料库 > 策划方案

Copyright © 2018-2021 Wenke99.com All rights reserved

工信部备案号浙ICP备20026746号-2  

公安局备案号:浙公网安备33038302330469号

本站为C2C交文档易平台,即用户上传的文档直接卖给下载用户,本站只是网络服务中间平台,所有原创文档下载所得归上传人所有,若您发现上传作品侵犯了您的权利,请立刻联系网站客服并提供证据,平台将在3个工作日内予以改正。