这样做,能解决99%的白缝问题!

科技   2024-09-11 15:29   四川  

朋友们大家好,我是三儿。


如果大家平日排版内容使用图片较多,喜欢一图流风格,那么你一定遇到过「白缝」问题。


就像这样↓



我们要解决白缝问题,应当要知道为何会产生白缝。


  1. 图片本身自带1px的白边

  2. 设备硬件能力不足,刷新率较低,导致SVG图形渲染时出现定位精确性偏差,而产生了肉眼可见的缝隙(引用:JZCreative)

  3. 过分高频的对草稿图文的反复预览行为,导致本机微信中对应缓存过多,以及预览草稿被逐步限流访问,实际使得SVG动画播放卡顿,进而产生了肉眼可见的缝隙(引用:JZCreative)


是不是有些云里雾里,通俗点讲可能是你图片本身问题以及你手机设备和多次预览产生的问题。


一图流如何解决白缝问题


首先要排除咱们的素材没有问题,如果是「一图流」长图文章,我们在导入图片后记得点击图片面板上的「无缝」




除了使用「无缝」还可以使用定位,缩小图片的前后间距,但这个间距不宜过大。




SVG如何解决白缝问题


如果大家是在SVG编辑器中制作完整的内容,我们可以选中组件后,使用顶部的「去缝隙」功能



如果是使用点击展开的效果,点击图和展开首页直接出现缝隙又没法调整去缝隙怎么办呢?


我们可以在SVG编辑器完成编辑后选择「导出」复制到135编辑器,然后点击「HTML」代码模式,粘贴复制的效果代码后再设置一个与展开背景相同的全文背景。





因为我们手动设置了背景,这样就能避免大部分白缝的出现了。为啥说是大部分?因为白缝问题实在玄学,可能你有他没有,不过只要我们规范排版,就能避免大部分的白缝问题。




以上就是今天

关于白缝问题的全部内容了

大家还有什么

去白缝的小技巧、小秘诀吗

欢迎大家在评论区留言讨论


近期想要购买会员的朋友

可别错过了

135编辑器十周年钜惠活动上线了

史无前例的超值福利等你来拿

错过就要再等十年!

还在等什么呢

赶紧扫码领取吧



·




又学“亿”招




·






·



135平台
新媒体一站式服务平台,提供图文排版,创意SVG排版,图片设计等工具。海量商用素材,简单易操作,135平台让运营更简单。
 最新文章