JSFiddle - React, Tailwind, and code Playground

HTML

<img src="/path/to/low/resolution/image/shoe1.jpg"/>
<img src="/path/to/low/resolution/image/shoe2.jpg"/>
<img src="/path/to/low/resolution/image/shoe3.jpg"/>
<img src="/path/to/low/resolution/image/shoe4.jpg"/>
<img src="/path/to/low/resolution/image/shoe5.jpg"/>
<img src="/path/to/low/resolution/image/shoe6.jpg"/>

JavaScript

var highRezPath = "/path/to/high/resolution/image/",
    appendToFilename = "-1024x1024";

$(document).ready(function(){
    $('img').each(function(ind, img){
       var $img = $(img),
           oSrc = $img.attr('src').split('/'),
           fileName = oSrc[oSrc.length-1].replace('.', appendToFilename +'.'),
           newSrc = highRezPath + fileName;
        $img.attr('src', newSrc);
    });
});