和很多人一样,我喜欢在自己的站点用gif。可以非常好的突出某些功能。比如下面模仿 itunes的轮播

不过我们不得不面对一个问题,就是gif太大,像上面的图片,大概有 11.4mb。最近自己在阅读很多别人的文章时候,也发现,由于自己文章存在gif导致网站加载过慢。gif的使用了无损的算法,每一帧都是一张gif图片,这意味着在图片压缩时候,不会存在信息丢失,这也就是为什么gif这么大。
为了解决这样的问题,我们需要做一些事情。
感觉惊喜的是采用视频的格式mp4活着webM都所用的文件大小都小于使用无损压缩的 gif正因如此,一个解决方法就是,替换掉gif采用mp4活着webm格式的视频,使用自动播放和循环,这样让人会有gif的样子。
通过给video设置一些属性,我们可以让video去模拟gif播放的效果:
autoplay 自动播放,用户无需点击
loop 无限循环播放
muted 尽管gif没有音轨,但是ios自动播放还是需要设置这个属性
playsinline ios safari上确保视频不会全屏
poster 制定视频下载时候的显示的图片
如同下面这个 “视频” 居然 1m不到
原文来自:Jack Pu's Blog
声明:所有来源为“澳门太阳集团城网址8722”的内容信息,未经本网许可,不得转载!如对内容有异议或投诉,请与我们联系。邮箱:marketing@think-land.com
先进的图像理解和分析能力,它能够快速准确地解析和理解图像内容。无论是自然风景、城市建筑还是复杂的场景与活动,都能提供详细的描述和深入的分析。
根据文本提示(prompt)和图片公网访问链接,编辑原图按照特定风格、场景和氛围感的输出新的图像。广泛应用于电商营销、广告设计、创意灵感等领域,为用户带来高效且个性化的AI图像创作体验。
根据文本提示(prompt),生成生成具有特定风格、场景和氛围感的图像。广泛应用于电商营销、广告设计、创意灵感等领域,为用户带来高效且个性化的AI图像创作体验。
查询台风信息和台风路径
查询国家预警信息发布中心发布的气象预警信息,如:台风、暴雨、暴雪、寒潮、大风、沙尘暴、高温、干旱、雷电等预警类型及预警等级、时间等信息。