当前位置:首页>阿里巴巴国际站运营技巧> 阿里国际站产品详情内页插入GIF动态图片方法

阿里国际站产品详情内页插入GIF动态图片方法

大家在其他同行店铺能看见内页有动态图,但是阿里巴巴并不允许上传GIF图片,那是如何上传的呢? 其实之前我想的太复杂一直在研究代码,发现动态图的代码和正常图片是有点区别,但是使用上再加上自己图片的地址还是不行,代码行不通就想绕过代码以及阿里自己的图片上传机制试试,结果可以了
大家在其他同行店铺能看见内页有动态图,但是阿里巴巴并不允许上传GIF图片,那是如何上传的呢?
其实之前我想的太复杂一直在研究代码,发现动态图的代码和正常图片是有点区别,但是使用上再加上自己图片的地址还是不行,代码行不通就想绕过代码以及阿里自己的图片上传机制试试,结果可以了
方法:
开启后缀名显示:
WindowsXP/ Windows 7:文件夹选项-查看-隐藏已知文件类型的扩展名-去除勾选-保存
Windows 8 / Windows 10:菜单栏-查看-文件扩展名-勾选

1.     首先将gif图片的后缀名修改为jpg

2.     打开产品编辑框
3.     使用鼠标将桌面的jpg图片直接拖动到浏览器上后并拖入内页编辑框(和拖动图片到PS图标上会打开PS一样的操作),会自动转圈上传图片
4.     上传完毕就是GIF动图模式
注:图片宽度≤750像素,大于会提示图片格式不对或色彩RGB模式不对,修改为750或750以下宽度即可
因为GIF的图片内部二进制的编码还是GIF的,即使修改后缀名为JPG,像浏览器是可以识别GIF本质的编码的,并且也支持播放,所以修改后缀为jpg的图片可以使用浏览器打开播放,因此测试后联想到直接将图片拖入浏览器而避开阿里的图片空间,发现也可以上传图片并且可以播放jpg的动图,大家可以试试,估计是因为上传到图片空间会直接压缩为真正的jpg编码
旺铺首页放动态图的方法
1.     首先将gif图片的后缀名修改为jpg
2.     添加自定义模块,点击上传图片,去掉 压缩图片以提高旺铺性能的选项,直接上传,就是动态
注:图片宽度<750像素,大于会提示图片格式不对或色彩RGB模式不对,修改为750或750以下宽度即可
以上两种方法是避免图片上传到国际站图片空间(不被压缩为静态),保留动态图的参数
代码添加法:
由mingchi1986 友情补充:
1.GIF直接上传到阿里内部支持GIF不会压缩的图片空间
2.编辑框切换为html模式,输入:
<p><img src="图片链接" alt="图片链接" /></p>

阿里国际站产品详情内页插入GIF动态图片方法
版权声明: 如无特殊标注,本站文章均为原创,转载请务必保留本文链接。

给TA打赏
共{{data.count}}人
人已打赏
运营技巧

阿里巴巴国际站一图多链接Dreamweaver怎么做

2017-4-12 15:36:03

运营技巧

代码下载阿里巴巴国际站的主图产品视频

2017-5-12 10:01:40

7 条回复 A文章作者 M管理员
  1. This is my first time pay a visit at here and i am genuinely impressed to read everthing at
    single place.

  2. 为主的祥助

    thankyou

  3. 我的怎么弄不了呢,拖动不进去

    • 文件后缀格式改为png试试

  4. 多谢多谢,尝试了好多方法都没用,按照你说的先拖拽到浏览器再添加马上就搞定了

  5. 发布了还是不会动的

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索