webp로의 읽기·확인 방법
.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로 해 두는 것을 추천한다.
Reference
이 문제에 관하여(webp로의 읽기·확인 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/SHIN_DEVELOP/items/10f771cfba35bd4e0bc6텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)