すべての画面に高品質の画像を表示

Question

PHPで画像のサイズを変更しようとすると、一部の画面でぼやけて表示されます。すべての画面に高品質の画像を表示する方法はありますか？高品質で

if($thumb == TRUE) 
    { 
     $thumbnail = $thumb_path.$fileName; 
     list($width,$height) = getimagesize($upload_image); 
     $thumb_create = imagecreatetruecolor($thumb_width,$thumb_height); 
     switch($file_ext){ 
      case 'jpg': 
       $source = imagecreatefromjpeg($upload_image); 
       break; 
      case 'jpeg': 
       $source = imagecreatefromjpeg($upload_image); 
       break; 

      case 'png': 
       $source = imagecreatefrompng($upload_image); 
       break; 
      case 'gif': 
       $source = imagecreatefromgif($upload_image); 
       break; 
      default: 
       $source = imagecreatefromjpeg($upload_image); 
     } 

     imagecopyresized($thumb_create,$source,0,0,0,0,$thumb_width,$thumb_height,$width,$height); 
     switch($file_ext){ 
      case 'jpg' || 'jpeg': 
       imagejpeg($thumb_create,$thumbnail,100); 
       break; 
      case 'png': 
       imagepng($thumb_create,$thumbnail,100); 
       break; 

      case 'gif': 
       imagegif($thumb_create,$thumbnail,100); 
       break; 
      default: 
       imagejpeg($thumb_create,$thumbnail,100); 
     } 

Answer 1

使用イメージやあなたもそのためsrcset属性を使用することができます。ここでは

は、私がこれまで試してみましたものです。あなたのイメージのサイズを変更するにはどうすればよい

例

<picture> 
    <source media="(min-width: 650px)" srcset="big.jpg"> 
    <source media="(min-width: 465px)" srcset="medium.jpg"> 
    <img src="small.jpg" alt="Flowers" style="width:auto;"> 
</picture> 

Try it