Блог

Главная - Вопросы по программированию - Как удалить хэш из URL-адреса изображения Gatsby

Как удалить хэш из URL-адреса изображения Gatsby

#gatsby #gatsby-image #gatsby-plugin

#gatsby #gatsby-изображение #gatsby-плагин

Вопрос:

Ну, я создал свой веб-сайт 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 повторно загружает все файлы.

Ответ №1:

Как я могу преодолеть проблему.

Если вес вашего изображения меньше 10 000 байт, Gatsby вернет URI данных вместо пути. Согласно документации статической папки:

Чтобы уменьшить количество запросов к серверу, импорт изображений размером менее 10 000 байт возвращает URI данных вместо пути. Это относится к следующим файлам с расширениями: svg , jpg , jpeg , png, gif , mp4 , webm , wav , mp3 , m4a aac , и oga .

Попробуйте изменить его на другой формат.

Второе: я не развертываю свою общую папку в Netlify. Необходимо ли отправлять общедоступную папку на Github? итак, Netlify получит его? Каждый раз, когда я отправляю свой сайт на GitHub, и Netlify повторно загружает все файлы.

Конечно, нет. Вы не должны публиковать свою /public папку, поскольку она будет создана Netlify (или вашей системой развертывания) при каждой сборке / развертывании. Это было бы пустой тратой МБ.