系统中组图、文章、活动等常用功能,都涉及到图片。对于一个系统来讲,有一个后台图片编辑功能就再方便不过了。系统特意开发了一个简单实用的图片在线处理工具(图5.26-1),可以很方便地对指定图片缩放、剪裁、加字、加水印、旋转等常用的操作,从而让您可以摆脱Photoshop等大型专业软件,让你在有图的地方可以随时随地进行处理,提升工作效率,节省购买图片处理软件的成本。
图 5.26‑1 在线图片编辑器
1. 内置裁剪、缩放等基本图片处理功能
CmsTop在线图片编辑器中可以裁剪、缩放图片,还可以旋转图片。允许用户精确设置图片高、宽值,或通过手工拖动裁剪框自由裁剪、缩放图片(图5.26-2)。除此之外,还提供图片加字、加水印、全屏编辑等功能。图片编辑器界面可直接显示图片的尺寸以供编辑人员时时查看,还提供图片视图调整功能,给用户带来更好的使用体验。
图 5.26‑2 图片裁剪
2. 支持实时预览
在图片编辑器中对图片做任何操作后均可进行预览。
3. 支持撤销/重做
在图片编辑器中对图片所做的处理均可以随时撤销/恢复,打消用户误操作的顾虑,避免重复操作带来的效率问题。
4. 整合图片水印方案
图片编辑器与CmsTop系统高度整合,用户在编辑图片时既可直接选择CmsTop系统中已添加水印方案又可直接使用本地水印图片。轻松拖拽点击即可调整水印位置、透明度及显示角度。(图5.26-3)
图 5.26‑3 添加水印
5. 支持图片裁剪预设比率及图片缩放预设尺寸
应用图片编辑器裁剪图片或缩放图片时,默认显示常见的图片比率,轻松获取标准比率图片,优化前台页面显示效果。此外,除默认预设值外,还可以在CmsTop系统后台添加自定义预设值。(图5.2-4)
图 5.26‑4 预设比率/尺寸
6. 支持添加多样的图片文字效果
在图片上添加文字时,可选择数百种字体样式、颜色,可设置是否文字加粗、倾斜或添加下划线。点击直接调整文字字号、角度和透明度。支持模糊滤镜、发光滤镜和投影滤镜,让所添加文字呈现各种特效,如添加文字阴影、调整阴影颜色,调整文字的发光程度等。(图5.26-5)
图 5.26‑5 图片加字
7. 支持图片输出品质调整
网站图片体积大小直接关系到网站的打开速度,图片编辑器中支持图片输出品质值设置,从而可以根据需要使用适当大小的图片,优化网站图片显示,提高网站页面加载速度。