CSS background-image 的 Next.js 图像优化

Posted

技术标签:

【中文标题】CSS background-image 的 Next.js 图像优化【英文标题】:Next.js image optimization for CSS background-image 【发布时间】:2021-03-06 01:27:53 【问题描述】:

我想使用 Next.js 的新功能 Image optimization 对 styled-components 中的背景图像进行优化。没有Image 组件有没有办法优化图片?

【问题讨论】:

【参考方案1】:

使用 kraken.io 优化图像并在 css 背景中使用该图像

【讨论】:

谢谢,但我不想使用第三方软件包a。事实上,我正在寻找next/image 中的内置实用程序。

以上是关于CSS background-image 的 Next.js 图像优化的主要内容,如果未能解决你的问题,请参考以下文章

css background-image 显示不到 为啥

CSS难题:background-image和border-image同时使用时,background-image会被border-image盖住,怎么解决

外联css中,background-image的图片相对地址是相对css文件还是相对使用的使用外联css的html文件

CSS中background-image属性无效,怎么解决?

css background-image 显示不完整问题

background-image使用svg如何改变颜色