Фраза «javascript ProductImageResize», похоже, указывает на запрос методов в JavaScript для изменения размера изображений продуктов. Вот несколько методов, которые можно использовать с примерами кода:

1. Использование HTML Canvas:

   function resizeImageWithCanvas(image, maxWidth, maxHeight) {
   const canvas = document.createElement('canvas');
   let width = image.width;
   let height = image.height;
   if (width > height) {
   if (width > maxWidth) {
     height *= maxWidth / width;
     width = maxWidth;
   }
   } else {
   if (height > maxHeight) {
     width *= maxHeight / height;
     height = maxHeight;
   }
   }
   canvas.width = width;
   canvas.height = height;
   const ctx = canvas.getContext('2d');
   ctx.drawImage(image, 0, 0, width, height);
   // To get the resized image as a data URL (base64)
   const resizedImageUrl = canvas.toDataURL('image/jpeg');
   return resizedImageUrl;
   }

2. Использование файлового API HTML5:

   function resizeImageWithFileAPI(file, maxWidth, maxHeight, callback) {
   const reader = new FileReader();
   reader.onload = function(event) {
   const img = new Image();
   img.onload = function() {
     let width = img.width;
     let height = img.height;
     if (width > height) {
       if (width > maxWidth) {
         height *= maxWidth / width;
         width = maxWidth;
       }
     } else {
       if (height > maxHeight) {
         width *= maxHeight / height;
         height = maxHeight;
       }
     }
     const canvas = document.createElement('canvas');
     canvas.width = width;
     canvas.height = height;
     const ctx = canvas.getContext('2d');
     ctx.drawImage(img, 0, 0, width, height);
     // To get the resized image as a data URL (base64)
     const resizedImageUrl = canvas.toDataURL('image/jpeg');
   
     callback(resizedImageUrl);
   };
   img.src = event.target.result;
   };
   reader.readAsDataURL(file);
   }

3. Использование библиотеки JavaScript, например “pica”:

   // Assuming you have the "pica" library included
   function resizeImageWithPica(image, maxWidth, maxHeight, callback) {
   const canvas = document.createElement('canvas');
   let width = image.width;
   let height = image.height;
   if (width > height) {
   if (width > maxWidth) {
     height *= maxWidth / width;
     width = maxWidth;
   }
   } else {
   if (height > maxHeight) {
     width *= maxHeight / height;
     height = maxHeight;
   }
   }
   canvas.width = width;
   canvas.height = height;
   pica().resize(image, canvas, {
   alpha: true, // Preserve alpha channel if exists
   }).then(result => {
   // To get the resized image as a data URL (base64)
   const resizedImageUrl = canvas.toDataURL('image/jpeg');
   
   callback(resizedImageUrl);
   });
   }

Это всего лишь несколько примеров методов изменения размера изображений продуктов в JavaScript. Существуют также другие библиотеки и методы, в зависимости от ваших конкретных требований. Не забудьте настроить параметры (такие как maxWidthи maxHeight) в соответствии со своими потребностями.