웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] jQuery를 사용하여 JPG/PNG/GIF 이미지를 WebP 형식으로 자동 전환 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] jQuery를 사용하여 JPG/PNG/GIF 이미지를 WebP 형식으로 자동 전환

해피CGI윤실장 2024. 4. 19. 09:06

- 소개

오늘날 웹 성능이 직면한 가장 큰 문제 중 하나는 이미지가 대역폭 사용량의 대부분을 차지하므로 웹 페이지 속도가 느려진다는 것입니다.
 
WebP는 Google에서 개발한 이미지 형식의 일종으로, 디스크 공간과 네트워크 대역폭을 덜 차지하며 Chrome, Opera 등과 같은 모든 주요 브라우저에서 더 잘 지원됩니다.
 
그러나 이미 이 형식으로 이미지를 제공하고 있지 않으면 사이트를 방문하는 방문자는 WebP 이미지에 액세스할 수 없습니다. 이 플러그인은 약간의 JavaScript(jQuery Script)를 사용하여 기존 이미지(PNG/JPG/GIF)를 모두 WebP 이미지로 대체할 수 있도록 돕기 위해 탄생했습니다.


 

- 라이센스

MIT




- 사용 방법

1. jQuery 라이브러리와 main.js 파일을 호출합니다.






2. 더 많은 브라우저 지원을 추가하려면 기본 JavaScript를 수정하세요.





3. 이 플러그인은 이전 웹 페이지에 이미 삽입된 이미지에만 작동한다는 점은 주목할 가치가 있습니다.
새 웹페이지에 새 webp 이미지를 삽입하는 경우 다음 HTML 코드를 사용하세요.









- 데모 화면


 

 

 

 

 

Comments