如何从图像URl Gatsby中删除哈希

如何解决如何从图像URl Gatsby中删除哈希

好吧，我已经建立了自己的盖茨比网站，并且面临图片问题。它在图像文件名的末尾生成一个哈希。

/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。