webp로의 읽기·확인 방법

1728 단어 아파치웨 bP

.htaccess 설명


<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{HTTP_ACCEPT} image/webp
    RewriteCond %{SCRIPT_FILENAME}.webp -f
    RewriteRule (.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]
</IfModule>

<IfModule mod_headers.c>
    Header append Vary Accept env=REDIRECT_accept
</IfModule>

<IfModule mod_mime.c>
    AddType image/webp .webp
</IfModule>


확인 방법



방법①



확실히 보면 전혀 모르겠기 때문에
콘솔에서 content-type을 확인합니다.
↓Network 탭내에 출력되고 있는 리스폰스 헤더입니다.


방법②



Chrome 플러그인
WebP Highlighter

이것을 사용하면 일목요연! ...하지만 눈이 치카치카하므로 필요한 때 이외는 Disable로 해 두는 것을 추천한다.

좋은 웹페이지 즐겨찾기