Когда изображения импортируются из моей базы данных и выводятся в галерее, они становятся размытыми?

Question

Размытое изображение Исходное изображение

У меня есть простая функция загрузки изображений в php.Он берет изображение и загружает его в базу данных в виде большого двоичного объекта.Когда я вызываю изображение в галерею, оно становится размытым.Есть ли способ обойти это, я слышал о людях, использующих GD и т. Д. Мой код ниже для загрузки и вызова.

gallery.php

<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:1300px;height:500px;overflow:hidden;">
              <?php 
              $result = mysqli_query($connection, "SELECT * FROM tbl_images"); 

              while($row = mysqli_fetch_array($result))
  {
            ?>
            <div>
                <?php echo'<img width="100%" height:"100%" class="img-fluid" src="data:image/jpg;base64,' . base64_encode($row['name']) . '"  />' ?>

            </div>
  <?php } ?>

uploadFile.php

            <?php   
 if(isset($_POST["insert"]))  
 {  
      $file = addslashes(file_get_contents($_FILES["image"]["tmp_name"]));  
      $query = "INSERT INTO tbl_images(name) VALUES ('$file')";  
      if(mysqli_query($connection, $query))  
      {  
           echo '<script>alert("Image Inserted into Database")</script>';  
      }  
 } 

 ?>  

Answer 1

Попробуйте добавить image-rendering: pixelated стиль CSS к элементу img.