通過javascript或jquery減少php中的圖像文件大小

Question

我正在編寫一個腳本，其中我使用了一個PHP代碼來顯示網頁上特定文件夾中的圖像，其高度和寬度為1像素

<?php 
  $files = glob("images/*.*");
  for ($i=1; $i<count($files); $i++)
  { 
   $num = $files[$i];
   print $num."<br />";
   echo '<img src="'.$num.'" alt="random image" height="1px" width="1px" />'."<br /><br />"; 
  } 
?>

這個腳本工作正常，並在我的網頁上顯示圖像，其高度和寬度為1像素太小。 但現在我想在網頁上減少每個顯示圖像的圖像文件大小（以1像素的高度和寬度顯示），以避免網頁加載問題。 任何人通過jquery或javascript幫助我減少圖像文件的大小。

Answer 1

您可以使用imagecopyresized with php創建縮略圖

事件發生后延遲加載圖像