jQuery - PHP如何在获取大图像的同时节省带宽？

I have in database JPEG image stored using following i can view the image. But the size of the image is large above 10MB or 20MB. How to tell PHP to compress the image and from jQuery/Javascript decompress it? So that the bandwidth usage get reduced?

$.get( "https://www.example.com/jpeg/render3D4K", { userid: '1' }).done(function( data ) {
  $("#show_picture").attr('poster', data);        
  //<video id="show_picture" >
});

Use NodeJS

• Run background downloader, which download compressed version and store in local by decompressing
• from local then render it to the front end