копия элемента
 

можно ли с клонировать, но не просто создать копию а допустим есть картинка в разрешение 1680 х 1050 и сделать копию 800 х 600 , если просто использовать width || height то картинка сожмется , но по сути у меня будет 2 идентичных картинки в разрешение 1680 х 1050.
можно ли такое реализовать на js?

canvas

канвас это хорошо , но тягать его всей странице я не думаю что очень хорошая идея, этот элемент мини-копия будет двигаться мышкой

для этого на сервере храняться ещё копии в нужном разрешении

что мешает создать еще один элмент img с тем же src?

<img src='...' width=800 height=600>

а если их много? память не резиновая

то мешает что там будет таже картинка в таком же разрешение только сжата ...

проблема в том что таскать большой элемент не очень удобно как минимум.
а во вторых нагрузка больше

я так понимаю вариантов кроме канвы нет?

по идее канва раз отрисовалась и при перемещении в контейнере с абс позицией перерисовываться не будет всякий раз. будет браться "содержимое" канвы из недр браузера. проблемы как при перерисовке имеджей быть не должно.
ну или как все-легковесные заменители