换图教程

胖友们,欢迎来看二条!

最近客服小姐姐一直催我写一篇关于换图的教程,我就不明白了!去年答应你的事,我怎么能拖那么久...你怎么还记得那么清楚!

好吧,教程开始。

135编辑器给图片/图片样式换图的途径实在是太多了!

① 单击图片,点击单图上传

然后你就可以直接上传符合要求的本地图片。要求如ABCD

A:JPG/JPEG、PNG格式静态图片小于2MB

B:GIF格式动态图片小于2MB

C:GIF格式动态图片帧数小于200帧

D:图片宽高像素乘积不能超过600万

② 直接双击图片,进入换图窗口。

③ 单击图片,点击多图上传,进入换图窗口。

然后你就可以使用“本地上传”、“更换图片链接”、“选择在线图片”“选择已上传图片”进行换图。

④ 单击图片,再打开图片素材

然后你就可以选择图片素材里的任意图片,包括我的上传、图库、表情、图标、动图等等。

⑤ 单击图片样式,在弹出菜单里选择“换图”或“背景图”

然后你就可以使用“本地上传”、“更换图片链接”、“选择在线图片”“选择已上传图片”进行换图。

⑥ 在HTMl模式换图

这...这..这可能会触及到部分胖友的知识盲区,所...所..以今天不讲吧。

①②③④太简单了,没啥可说的;⑥太难了,我不想说;So...用三个例子,讲一下⑤吧。

1点击图片样式仅出现“换图”

多数图片样式,点击样式后仅会出现“换图”而不会出现“背景图”,这种情况一般直接点击换图或者按照上文方式进行换图即可。

教程

效果

2点击图文/图片样式,出现“背景图”

出现“背景图”多数为图文样式,图片被设置成文字段落的背景,这种情况也是直接点击背景图或者按照上文方式进行换图即可。

但为了达到最佳效果,可能需要反复调试“背景图尺寸”和“背景区域高度”等参数,之后再调节文字,达到最优显示。

教程

效果

寿司

舌  尖  上  的  美 味

3点击样式,既出现“换图”又出现“背景图”

此类样式比较特殊,多出现于用“遮罩”达到渐变效果的图片样式,所以此类样式应点击背景图进行换图。

教程

效果

当然,如果有图片处理能力,可以对“遮罩”重新设计,然后使用换图,进行遮罩更换,以达到最佳效果。

教程

效果

教程完。

本次教程就这么多,胖友们如果对任何一个样式有疑问,都可以撩我呀!

我是小三儿,写完这篇,真的有点饿了...

135编辑器点击换图html,这5种换图姿势,只有排版高手才会!相关推荐

  1. 图片错落排版html,这5种换图姿势,只有排版高手才会!

    原标题:这5种换图姿势,只有排版高手才会! 最近客服小姐姐一直催我写一篇关于换图的教程,我就不明白了!去年答应你的事,我怎么能拖那么久...你怎么还记得那么清楚! 好吧,教程开始. 135编辑器给图片 ...

  2. 135编辑器点击换图html,135编辑器中如何换图?135编辑器中换图的方法步骤

    135编辑器中如何换图?135编辑器作为一款微信公众号编辑软件很受大家欢迎,那么大家知道135编辑器如何换图吗?今天的教程小编给大家带来的是135编辑器换图的方法步骤.让我们一起来看看吧. 方法/步骤 ...

  3. 135编辑器html点击图片播放音乐,135微信编辑器怎样添加音乐 135编辑器添加音乐图文教程...

    软件安装:装机软件必备包 关于电脑装机必须的软件,比如windows office系列办公软件.网页浏览器.杀毒软件.安全防护软件.刻录软件.压缩软件.下载工具.多媒体播放软件.多媒体编辑软件.输入法 ...

  4. 135编辑器html点击图片播放音乐,怎么用135编辑器排版 公众号怎么做点击切换图片...

    最佳答案 135是一款方便实用的排版编辑器,可以进行图文等很多功能的编辑,也是很受欢迎的.下面就给大家介绍一下用135编辑器怎么排版. 操作方法 [01]首先我们在浏览器中搜索"135&qu ...

  5. 135编辑器 html,135编辑器,微信图文编辑器,微信图文美化编辑器,格式多方便的图文编辑-...

    项目本身使用百度的ueditor编辑器,可免费集成外部调用135编辑器的方式来使用.也可申请与APPKEY,做到135用户绑定的方式,实现打开插件时免登录.使用非ueditor编辑器的,集成方式可参看 ...

  6. asp.net添加删除表格_你问我答|135编辑器使用之超链接和表格问题

    嘿,胖友们大家好呀,我是三儿. 万众期待的『你问我答』栏目又回来了!之前我们有出过两期内容,解决了胖友们在日常工作中使用135编辑器常见到的一些问题. >>>>>点我查看 ...

  7. java用什么编辑器比较好_强大又好用的一款微信排版工具:135编辑器

    哈罗,小伙伴们,下午好啊 今天给大家推荐一款,对于新媒体小编来说,耳熟能详的一款微信排版工具:135编辑器 操作非常简单,即使是刚入新媒体行业的小白,也能轻轻松松搞定排版.用135编辑器排版,所见即所 ...

  8. UEditor(集成 135 编辑器插件)(附源码)

    效果图 可以看到第一个菜单是135,点击135跳到135编辑器,点击完成编辑即可 准备工作 1.npm npm install vue-ueditor-wrap // 或者 yarn add vue- ...

  9. kindeditor集成135编辑器实现共同编辑文章

    kindeditor是一款应用非常广泛的富文本编辑器,笔者在以前的多个项目中使用.135编辑器是一款在线编辑器,常用于微信端信息的编辑和发布.因为135编辑器自带了很多模板用起来很方便,所以我想把它编 ...

  10. 百度UEditor 整合135编辑器到功能栏

    整体上该整合过程分为三个步骤: 下载两个文件分别是 135editor.js 和 135EditorDialogPage.html . 修改ueditor.config.js中toolbars项里增加 ...

最新文章

  1. 一个技术总监的忠告:精通那么多技术,你为何还是受不到重用?
  2. 邮件发送退信分析大全/SMTP error, RCPT TO: 550 Relay Deny
  3. Eclipse关联JDK源码
  4. 常见采集脑电信号的四种技术
  5. 10个凭证类型的速记
  6. JS面向对象编程实现
  7. 上海民警这个方法让汽车提前“助跑”,路口通行效率提10%
  8. go 变量大写_28. 一文了解Go语言中编码规范
  9. 龙格-库塔(Runge-Kutta)法解微分方程
  10. 计算机网络实验(router_sim)工具
  11. 算法(一):二分查找
  12. 夜天之书 #34 企业如何实践开源协同
  13. 吴伯凡-认知方法论-如何犯一个“正确”的错误
  14. Jetson Xavier NX-EMMC重装系统
  15. 传音上演另类国产手机出海记:非洲之王却闯不出非洲
  16. 漏洞修复:Cookie Security: HTTPOnly not Set on Application Cookie
  17. 《简化iOS APP上架流程,App Uploader助你搞定!》
  18. net-java-php-python-班级信息管理系统计算机毕业设计程序
  19. 【前端基础】12.CSS 基础知识学习——基本语法结构
  20. 电子设计应用超声波测距仪的设计

热门文章

  1. 七十二烷基三硅醇poss|七十二烷基三硅醇笼形聚倍半硅氧烷
  2. 【Spring】注解驱动开发
  3. 七夕,思念里的流浪狗在哭---众智云
  4. 加权评分模型(weighted scoring model)
  5. 单烤fpu和双烤_“教科书”式工业设计?ROG幻15双烤拆机,散热堆料够足
  6. POI使用详解 java 复杂excel导出(笔记)
  7. 割线法的C语言程序,割线法实验报告.doc
  8. Hadoop Web 控制台安全认证
  9. RFT学习--适用范围
  10. 转:GRE_那些不讨人爱的4字母单词