SIR
목록으로

브라우저별 이미지 형식 따로 사용할 수 있는 방법 채택완료

뿌뿡
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전 조회 3,408
답변 1
목록

이미지를 webp로 다 바꾸니 익스플로러에서 다 꺠져버리네요.ㅜㅜ

 

혹시 브라우저별 이미지를 다른 형식으로 사용할 수 있게 할수 있는 css나 방법 있을까요???? 

 

익스플로러에선 jpg 

크롬에선 webp 이런식으로 

#webp

답변 1개

채택된 답변
+20 포인트

이런거용??

Copy 
function getBrowser(){

        $flag=$_SERVER['HTTP_USER_AGENT'];

        $para=array(); 

        if(preg_match('/Windows[\d\. \w]*/',$flag, $match)) $para['os']=$match[0]; 

        if(preg_match('/Chrome\/[\d\.\w]*/',$flag, $match)){ 

            $para['browser']=$match[0];

        }elseif(preg_match('/Safari\/[\d\.\w]*/',$flag, $match)){ 

            $para['browser']=$match[0];

        }elseif(preg_match('/MSIE [\d\.\w]*/',$flag, $match)){

            // IE

            $para['browser']=$match[0];

        }elseif(preg_match('/Opera\/[\d\.\w]*/',$flag, $match)){

            // opera

            $para['browser']=$match[0];

        }elseif(preg_match('/Firefox\/[\d\.\w]*/',$flag, $match)){

            // Firefox

            $para['browser']=$match[0];

        }elseif(preg_match('/OmniWeb\/(v*)([^\s|;]+)/i',$flag, $match)){

            //OmniWeb

            $para['browser']=$match[2];

        }elseif(preg_match('/Netscape([\d]*)\/([^\s]+)/i',$flag, $match)){

            //Netscape

            $para['browser']=$match[2];

        }elseif(preg_match('/Lynx\/([^\s]+)/i',$flag, $match)){

            //Lynx

            $para['browser']=$match[1];

        }else{

            $para['browser']='unkown';

        }

        return $para;

    }
로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

답변감사합니다 근데 어떻게 적용해야하는지 모르겟어요.ㅜㅜ
아~~ ㅋㅋㅋㅋㅋ jpg 파일이랑 webp 파일 모두 서버에 있는거져?

[code]
$flag=$_SERVER['HTTP_USER_AGENT'];
if(preg_match('/Chrome\/[\d\.\w]*/',$flag, $match)){
// 크롬일때 노출 할 소스
}else{
// 그렇지 않을때 노출할 소스
}
[/code]
감사해요 근데 제가 초보라 저렇게 떠먹여 주셔도 모르겠어요.

크롬일때 img형식을 webp
그외엔 jpg 를 써라 이걸 어떻게 표현해야할까요?

$flag=$_SERVER['HTTP_USER_AGENT'];
if(preg_match('/Chrome\/[\d\.\w]*/',$flag, $match)){
// 크롬일때 노출 할 소스
}else{
// 그렇지 않을때 노출할 소스
}
[code]
function srcImage($src){
$flag=$_SERVER['HTTP_USER_AGENT'];
if(preg_match('/Chrome\/[\d\.\w]*/',$flag, $match)){
return $src;
}else{
return str_replace('.webp','.jpg',$src);
}
}

//가령 이미지 주소가 $img = 'http://mysite.com/myimg.webp'; 라고 할때
<img src="<?=$img?>"> // 이렇게 이미지를 노출 하시잖아요

이거를
<img src="<?=srcImage($img)?>"> //이렇게 수정해 보셔요
[/code]

근데 이방법도 해결책이라고 할수 없는게 .

webp 이미지를 사용하시려면 구 버전 IE는 포기하셔야 합니다.
물론 최신 ie edge 는 크롬 엔진이여서 지원할거에요

jpg 이미지는 그럭저럭 이방법으로 사용하신다해도

gif 와 같은 파일은 커버가 되지않거든요 (움직이는 이미지 일때).

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고