WordPress使用腾讯云COS插件增加图片水印和压缩图片样式设置方法

最近随着网站的图片增多,小编将服务器的图片迁移到了腾讯云对象储存COS中,主要是加快图片的加载,并且节省服务器性能的开支。(虽然没什么人访问)但这一步总要来的,所以将今天使用腾讯云对象储存COS插件的相关步骤跟大家分享一下。

此次小编一共测试了两个插件,文末我也会提供给大家使用。

1、tencentcloud-cos

这个插件是腾讯官方写的,所以使用的接口是目前最新的。对于图片样式的处理也是最新的,相对来说设置也比较简单。但谁也不是生来就会的,所以难免出现部分功能无法理解的情况,毕竟程序界的文字,实在晦涩难懂。

2、Sync QCloud COS

这个插件是一个大佬写的在GitHub中开源使用,经过小编的一番测试下来,觉得Sync QCloud COS还是相对比较友好一点,虽然设置项目相对较多一点,但实现图片水印和压缩图片更加快捷一点。

1、设置数据万象图片处理样式

1、到腾讯云的数据万象中设置图片处理样式,这里的样式设置根据自己的理解设置即可,如图片压缩、裁剪、水印、图片格式等等。

样式名称:当前设置样式的名字,非常重要,后面需要用到。

缩略方式:根据自己的需要设置。

  • 缩略(原图尺寸展示,不会对图片有任何尺寸的影响)
  • 只裁剪(裁剪成自己需要的尺寸,比如1920*1080px)
  • 只缩放(将图片缩放到自己需要尺寸)

注:缩放和裁剪是不一样的,缩放是将图片在不直接去除元素的前提下缩小。裁剪则是会剔除一部分内容,如果要将图片缩小,推荐使用缩放。

  • 输出格式(根据自己度需要选择格式,也可以是原格式,将图片缩小的话,推荐使用webp格式)

2、设置图片水印,腾讯云对象储存提供两种水印模式,一种是纯文本的处理方法,另一种则是图片水印的方法,如果需要将网站的logo粘贴到图片上,可以使用图片水印,简单点的推荐使用文件水印。

文字内容:水印文本内容

  1. 字体:选择合适的字体即可
  2. 字号:文本大小,如果都是大图,推荐将水印文本设置的大一点。
  3. 颜色:一般推荐使用#ffffff纯白色水印
  4. 透明度:水印透明度,透明度设置的高一点,颜色反差相对较小
  5. 水印位置:通常我们是将水印设置到图片的右下角
  6. 边距:水印文本距离图片的边距,10px就够了。

图片水印:可以是logo,也可以是指定的内容,推荐纯色图片logo,减少图片的体积。

  • 水印位置:通常我们是将水印设置到图片的右下角
  • 边距:水印文本距离图片的边距,10px就够了。

以上就是腾讯云对象储存的水印以及图片样式的设置方法,基本上比较容易理解。不过将来还可能存在一些变动,出现异常不理解的问题,可以在本文末留言,小编都会回复的。

需要注意的是:样式名称,这个参数,小编一开始完全没有想到有这么大的作用,腾讯云对象储存的样式调用,跟阿里云完全不同,阿里云只要将一堆参数填写上去就可以使用,但是腾讯云确实只需要调用样式名称就可以完成图片的所有操作,不得不说一开始就被这个样式名称给坑了。

2、插件设置

两个插件的设置,基本雷同,认真看完小编的文章后,两个插件的设置逻辑基本不会对你造成影响。

这里以Sync QCloud COS插件为例,腾讯官方出品的那个插件,最后小编也会给出一个交代。

储存桶名称:是你的储存桶名称(上图叫做img-1252310774),名称是你自己再建立储存桶的时候设定的。

储存桶地域:推荐服务器在哪个区域就选择哪个区域的储存桶,大陆内的机房还可以走内网,相对来说又可以节省一定的成本。

APP ID 、Secret ID、Secretkey:这是腾讯云的秘钥,每一个注册用户都可以领取。(上图这样的)路径为:https://console.cloud.tencent.com/cam/capi

不上传缩略图:选择性的勾选,一定程度减少对象储存的数据调用,刻意节省一点钱。

不在本地保留备份:既然都用上了对象储存存图片了,那还要啥自行车呢。

注:以上两项大家根据自己的实际需求勾选吧,功能什么的,小编说的已经很明白啦。

自动重命名:这一项如果你担心图片重名,推荐还是处理,毕竟图片网站的话,这个数据还是蛮大的,谁也无法担保自己图片的名称不会重复的,一旦重复可能造成数据重复调用。

本地文件夹:推荐蛮实用“wp-content/uploads”,原因是,WordPress媒体管理(设置)当中,默认的路径就是这个,所以如果不设置成这样的话,图片虽然可以上传到COS当中,但是无法调用出来。

URL前缀:很多用户会给自己的对象储存绑定一个域名,这样就可以使用网站的二级域名访问对象储存当中的图片,不过腾讯云现在会赠送一个三级域名给大家使用,还有加速域名配合使用,如果使用的是国外的服务器的用户,这样就可以适用腾讯云的三级域名做cdn加速了,何乐而不为呢。

图片处理样式:这点是本文的重头戏,在Sync QCloud COS插件中,直接填写“符号”样式名称即可,不用填写那些参数。如:COS默认的符号为“/”那就写成:/样式名称即可。

Sync QCloud COS的图片处理样式:/(斜杆)样式名称即可

tencentcloud-cos的图片处理样式:什么都不用填写,默认插件自动填写万能符号“?”通配符。

以上就是今天小编遇到的问题的解决方案,这样写下来,我想不至于看不懂!

本文重要的信息为:图片的样式参数规则怎么填写?

TencentCloud-Cos插件什么都不用填写

Sync QCloud COS填写/(斜杆)样式名称即可

这就是腾讯官方的做派吧,能帮你做的都帮你做了,而你只需要填写自己需要的信息即可,其他的信息,插件自动获取,是不是很香。不过小编的一天操作下来,发现TencentCloud-Cos虽然是足够智能,但是水印不知道为什么无法添加上。不过图片的压缩和格式转换功能没有问题。好了今天的文章就到这里了,希望能够帮到大家。

    下载权限

    查看
    • 免费下载
      评论后下载
      登录后下载

    • {{attr.name}}:
    您当前的等级为
    您有每天免费下载所有资源次的特权,今日剩余 已取得下载权限

    人已赞赏
    WordPress优化插件WordPress媒体优化插件

    WP Rocket插件-WordPress缓存插件

    2020-6-28 19:28:09

    WordPress功能扩展插件

    WordPress免费的虎皮椒支付插件Wechat Shop

    2020-5-7 15:55:52

    0 条回复 A文章作者 M管理员
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    有新私信 私信列表
    搜索