iPhoneで画像が横向きになる場合

iphoneでwebサイトを確認したところ

iphoneが横向きに表示しているでわないか。はてどうしたものか。

 

ようするにEXIF (Exchangeable Image File Format)のEXIFのOrientation情報がうまく機能しないかららしいです。

詳しくはぐぐってください。

Exif Orientationに対応させなkゃまずいのか?めんどくせーなーとおもいつつ

サムネイルしてたら横向きになっていなかった。

ので

横向きになっている画像は縦長だったものだけが横になっていたので

 

<?php

        //サムネイル
        
  
  
        $b_img = "./image/"."test_pic.jpg";//画像とフォルダ
        
     
        if (strstr(strtolower($b_img), ".gif")) {
        $b_kaku = "GIF";
        $b_format = "ImageCreateFromJGIF($b_img)";
        $b_head = "header('Content-Type: image/gif');";
        $img = ImageCreateFromGIF($b_img);

        }
        else if (strstr(strtolower($b_img), ".jpg") ||
         strstr(strtolower($b_img), ".jpeg")) {
        $b_kaku = "JPEG";
        $b_format = "ImageCreateFromJPEG($b_img)";
        $b_head = "header('Content-Type: image/jpeg');";
        $b_out = 'ImageJPEG';
        $img = ImageCreateFromJPEG($b_img);

        }
        else if (strstr(strtolower($b_img), ".png")) {
        $b_kaku = "PNG";
        $b_format = "ImageCreateFromPNG($b_img)";
        $b_head = "header('Content-Type: image/png');";
        $img = ImageCreateFromPNG($b_img);

        }
    

        $img = $img;


        # 元画像の幅と高さを取得
        $img_w = ImageSx($img);
        $img_h = ImageSy($img);

//サイズをコメントアウト        

/*
        if ($img_w > $img_h) {
        $img_w = 1000;
        $img_h = 1000;
        
        } else {
        $img_h = 1000;
        $img_w = 1000;
        }
        
*/
        $width = ImageSx($img);
        $height = ImageSy($img);
        
        $out = ImageCreateTrueColor($img_w, $img_h);
        ImageCopyResampled($out, $img,0,0,0,0, $img_w, $img_h, $width, $height);

        header("Content-Type: image/$b_kaku");
        if($b_kaku =="JPEG"){
        $b_out = ImageJPEG($out);
        }
        if($b_kaku =="GIF"){
        $b_out = ImageGIF($out);
        }
        if($b_kaku =="PNG"){
        $b_out = ImagePNG($out);
        }else{
        }
 

 

サムネイルでサイズ指定せずにやってみたらしっかり表示しました

 

iphoneで画像が横向きになる場合の対処。はサムネイルを通して解決できました

書いた人:おりゃー

  • 計算してくださいLINE
  • 計算してくださいTwitter
  • 計算してくださいFacebook