做电商的朋友,是不是总遇到这种情况?用 drawtext_fix 给主图加 “限时折扣”“买一送一” 这些文字,要么位置总跑偏,左边的图文字在左上角,右边的图就跑到中间了;要么文字糊得像打了马赛克,客户根本看不清写的啥。好不容易调好了一张,换张图又得重来,特别耽误事。用 drawtext_fix 给电商主图加文字,怎么固定位置且不模糊?今天小编就给新手小白们支几招,全是实操经验,看完就能用,一起往下看吧!
先弄明白:为啥文字会乱跑、变模糊?
其实啊,这俩问题多半不是工具的错,是咱没摸透它的脾气。
文字乱跑,主要是因为图片尺寸不一样。你想啊,一张图是 800×800 像素,另一张是 1000×1000 像素,你都把 x 设成 100,y 设成 50,文字在两张图里的位置肯定不一样 —— 像素大的图,100 的位置更靠左。还有就是参数没写对,比如漏了 x 或 y 参数,工具就会默认把文字放中间,可不就乱跑了嘛。
文字模糊呢,原因更简单。要么是字体太小,比如在 800×800 的图上,fontsize 设成 12,字肯定看不清;要么是用了模糊的字体文件,有些网上下载的免费字体本身就发虚,加在图上能清楚才怪。小编上次用了个盗版字体,加出来的文字边缘全是毛边,客户还以为是图片没拍好。
固定位置:用 “相对坐标”,不管图多大都不乱跑
别再用固定的数字设 x 和 y 了,试试 “相对坐标”,就是按图片的比例来算位置,再大的图也能准准地把文字放你想放的地方。
具体咋弄呢?看这几个例子:
- 想把文字放左上角,离左边和上边各留 5% 的距离,就设 x=w0.05,y=h0.05(w 是图片宽度,h 是图片高度);
- 想放右上角,就设 x=w0.9,y=h0.05(右边留 10% 的距离,上边留 5%);
- 想放底部中间,设 x=w0.5,y=h0.9(左右居中,底部留 10%)。
小编做过测试,用这种方法给 10 张不同尺寸的主图加文字,位置偏差都不超过 10 像素,肉眼基本看不出来。你要是怕算不明白,直接抄上面的公式,改改后面的数字就行,比如想离边边远一点,就把 0.05 改成 0.1。
另外,加个 “anchor=lt” 参数(左上角对齐),文字就不会因为字数多少跑偏。比如 “限时折扣” 和 “限时折扣 3 天”,字数不一样,没这个参数可能位置就歪了,加上之后,不管字多字少,左上角都能对齐。
文字不模糊:从字体到参数,这 3 点得盯紧
文字模糊,看着掉价不说,还影响客户理解,这 3 个地方做好了,文字就能清清楚楚:
第一,选对字体。别用那些花里胡哨的艺术字体,尤其是笔画细的,加在图上特别容易糊。就用黑体、微软雅黑这种笔画粗一点、边缘清晰的字体,免费又好用。小编对比过,同样的参数,黑体比瘦金体清楚至少 30%。
第二,fontsize 别太小。800×800 的主图,fontsize 至少设 30;1000×1000 的图,设 40-50 合适。要是字太小,再清晰的字体也会糊。可以先设大一点,看着太扎眼再慢慢调小,总比一开始就看不清强。
第三,加个 “shadowcolor=black:shadowx=1:shadowy=1” 参数,给文字加个细阴影。别小看这一步,加了阴影的文字,在复杂背景上会清楚很多,尤其是主图颜色比较亮的时候,阴影能帮文字 “勾边”,看着更清楚。
实操案例:给服装主图加 “新品上市”,一步一步来
光说不练假把式,小编拿一张 800×1000 的服装主图举例,教你从头到尾加文字,位置准还清楚:
- 准备好字体文件,就用最常见的黑体(simhei.ttf),放个好找的地方,比如 “D:\fonts\simhei.ttf”;
- 写参数命令,想把文字放右上角,离上边和右边各 5%,就这么写:
drawtext_fix=fontfile=’D:\fonts\simhei.ttf’:text=’ 新品上市 ‘:x=w0.9:y=h0.05:fontsize=40:color=red:anchor=lt:shadowcolor=black:shadowx=1:shadowy=1 - 运行命令,看看效果。要是觉得离右边太近,就把 0.9 改成 0.85;颜色不够亮,换成 #FF0000(亮红色);
- 再换一张 1000×1200 的主图,用同样的命令,文字还是乖乖待在右上角,一点都不乱跑,而且清清楚楚。
是不是挺简单?新手别怕试,多调两次就找到感觉了。
自问自答:这些小问题,你可能也会碰到
问:用了相对坐标,文字还是有点偏,咋办?
答:微调一下后面的数字就行,比如 x=w0.9 偏右了,改成 x=w0.88,多试两次总能找到最合适的位置。
问:主图背景太乱,文字还是看不清,有办法吗?
答:可以加个半透明的底色,参数里加 “box=1:boxcolor=white@0.5”,文字后面就会有个白色半透明的框,再乱的背景也能看清字,小编试过,特别管用。
问:一次能给多张图加文字吗?
答:能啊,把所有图放一个文件夹,写个批量处理的命令就行,不过新手先练会单张的,再试批量,不然容易出错。
小编觉得,给电商主图加文字,关键不是工具多厉害,是得摸透图片和文字的 “脾气”。用相对坐标固定位置,选对字体和参数防模糊,再练两张图,你也能弄得又快又好。毕竟,主图上的文字是给客户看的,清楚、位置舒服,客户才愿意多看两眼,不是吗?希望这些能帮到你,赶紧找张图试试吧!