问题描述
好吧，我已经建立了自己的盖茨比网站，并且面临图片问题。它在图像文件名的末尾生成一个哈希。
/static/imagename-719331c87d42041b22e62a63d9af6e69.webp
代码：
import Img1 from '../images/image.webp';
.........
......
...........
<picture>
<source srcSet={Img1} />
<img src={Img1} alt="alt" loading="lazy" height="500px" width="800px"/>
</picture>
我如何克服这个问题。
第二件事是：我没有将我的公用文件夹部署到netlify。是否有必要将公用文件夹推送到github？这样netlify会得到吗？每次我将网站推送到github并netlify重新上传所有文件时。
解决方法
我如何克服这个问题。
如果图像的重量小于10,000字节，则Gatsby将返回数据URI而不是路径。根据静态文件夹的文档：
要减少对服务器的请求数量，请导入用于 如果少于10,000个字节，则返回数据URI而不是路径。这个 适用于以下文件扩展名：
svg，jpg，jpeg，png，gif，mp4，webm，wav，mp3，m4a，aac和oga。 / p>
尝试将其更改为其他格式。
第二件事是：我没有将公用文件夹部署到Netlify。 是否有必要将公用文件夹推送到Github？所以Netlify会 得到它？每次我将网站推送到GitHub和Netlify时，都会重新上传 所有文件。
当然不是。您不应发布/public文件夹，因为该文件夹将由Netlify（或您的部署系统）在每个构建/部署中创建。这将浪费MB。