Jak pozbyć się efektu przenoszenia miniatury obrazka po kliknięciu?

Witam,
Jak można pozbyć się efektu przenoszenia miniatury obrazka po kliknięciu?
efektu przenoszenia miniatury obrazka po kliknięciu?

Wyczytałem, że wystarczy dodać atrybut draggable="false"

Jak ktoś kliknie, to w ogóle nie powinno się pojawiać coś takiego. Dopiero jak ktoś zacznie to przeciągać, a to już co innego niż kliknięcie.

Można to zrobić na wiele sposobów

• Albo poprosić przeglądarkę żeby nie dało się draggować w ogóle obrazka, przy draggable="false"
• Albo w ogóle nie dodawać taga <img /> z obrazkiem, tylko użyć np background-image w stylach
• Albo pokazać obrazek w pseudoselektorze :before lub :after.
• Albo ustawić nad <img> inny element, który zasłoni obrazek i złapie eventy, również eventy dragowania.
• Albo nadpisać event handler dla <img> który złapie eventy onDragStart i zawoła .preventDefault()
• Albo jakbyś się uparł to mógłbyś wyrenderować obrazek w <canvas/>, ale to na 99.99% jest overkill.

Postortowane w kolejności sensowności użycia ich