响应图像只是得到了一大堆更容易

Webflow现在自动秤、压缩和优化内联图像每一个设备,在每一个决议。所以你的页面加载速度快10倍。

Webflow使你的图像反应如何?

1

你上传图片和Webflow为不同大小的设备创建变体了。

原始
2000 px
1600 px
1080 px
800 px
500 px
2

当你工艺设计、Webflow调整代码为每次都正确的图像。

生成的HTML
<img src=“/ wolfie.png”
大小=”(max-width: 479 px) 96大众(max-width: 767 px) 480 px, 67大众”
srcset=
”/ wolfie - 500。png 500 w,
/ wolfie - 800。png 800 w,
/ wolfie - 1080。png 1080 w,
/ wolfie - 1600。png 1600 w,
/ wolfie - 2000。png 2000 w,
/ wolfie - 2600。png 2600 w”
alt=“独狼空谈”
/ >
3

你的浏览器是最好的图像根据屏幕尺寸和分辨率。

800 px
1600 px
2600 px
1600 px
1080 px
2000 px
500 px

更聪明、更好、更快的方式来处理图像响应设计

加速你的网站通过提供正确的图像大小为每个设备。找出我们的Webflow的博客。

阅读博客

移动图片加载速度*

之前
1.12秒
0.06秒
0
0.25秒
0.5秒
1.0秒
1.25秒
*动态和静态内联图像。在富文本支持背景图像和图像元素快到了。

Webflow的方法有何不同?

你设计视觉,而Webflow在幕后为您编写的代码。不需要自定义主题,整合第三方服务,或任何东西。

无代码视觉设计师
设计你的网站视觉——没有编码,让Webflow休息。然后导出所有代码和资产通过一次单击。
自动大小重新计算
当你定制设计的手机、平板电脑和台式机,Webflow自动更新代码每次都为正确的图像。
全球CDN
闪电快速图像加载由全球内容分发网络。
预缓存兼容
之前你的图片加载页面,不需要等待初始页面加载和javascript测量。
自动图像压缩
Webflow视觉优化每个图像最大效率,甚至你的最大图像加载。

Webflow

代码免费视觉设计师
大小自动重算
全球CDN
预缓存兼容
自动图像压缩

WordPress

代码免费视觉设计师
大小自动重算
全球CDN
预缓存兼容
自动图像压缩

云的形象服务

大小自动重算
大小自动重算
全球CDN
预缓存兼容
自动图像压缩

Webflow是什么?

Webflow 100%视觉网页设计工具,写干净,生产就绪代码。欧宝体育在线首页所以你可以设计。

100%的视觉

所以你可以设计你的方式——不用看代码。经验的力量

疯狂的强大

所以你可以把你的想法生活功能齐全,CMS-powered网站,而不是静态的原型。

欧宝体育在线首页生产准备

Webflow清洁写道,语义标记,这样你的网站加载速度。请检查这张页面的源代码。

Baidu
map