Чтобы отключить перетаскивание изображений в HTML, вы можете использовать различные методы. Вот несколько подходов:

1. Свойство CSS user-drag:
   Вы можете использовать свойство CSS user-drag, чтобы предотвратить перетаскивание изображений. Примените следующее правило CSS к элементу изображения или его контейнеру:

   img {
    user-drag: none;
    -webkit-user-drag: none; /* Safari/Chrome */
    -moz-user-drag: none; /* Firefox */
   }

2. Прослушиватели событий JavaScript.
   Вы можете использовать JavaScript, чтобы предотвратить перетаскивание изображений, прикрепив прослушиватели событий к элементам изображения и отменив поведение перетаскивания по умолчанию. Вот пример использования события dragstart:

   const images = document.getElementsByTagName('img');
   for (let i = 0; i < images.length; i++) {
    images[i].addEventListener('dragstart', (event) => {
      event.preventDefault();
    });
   }

3. jQuery:
   Если вы используете jQuery, вы можете добиться того же результата с помощью более простого фрагмента кода:

   $('img').on('dragstart', false);

4. Атрибут HTML dragable.
   Другой способ отключить перетаскивание изображений — использовать атрибут HTML dragableи установить для него значение falseдля элемента изображения:

   <img src="image.jpg" draggable="false">