다음 기사에서 우리는 어떻게 WebP 형식으로 이미지 변환. 웹 페이지를 만드는 데 전념한다면 웹 사이트 성능을 최적화하는 모범 사례 중 하나가 압축 된 이미지를 사용하는 것임을 이미 알고있을 것입니다. 이 기사에서는 WebP 형식을 사용하는 방법을 살펴 보겠습니다. 이를 통해 웹 페이지에서 사용할 압축 된 고품질 이미지를 만들 수 있습니다.
WebP는 웹상의 이미지에 대해 예외적으로 무손실 및 손실 압축을 제공하는 비교적 새로운 이미지 형식입니다. 이 형식은 Google에서 설계. 이를 사용하려면 Gnu / Linux, Windows 및 Mac OS X 용으로 미리 컴파일 된 유틸리티를 다운로드해야합니다.
WebP는 PNG 및 JPEG 파일에 대해 무손실 및 손실 압축을 제공하는 새로운 이미지 형식입니다. 이 형식으로 최대 34 % 더 작은 이미지 크기를 얻을 수 있습니다.. 그것은 인 Chrome 및 Opera와 호환. Nginx 및 Apache를 사용하여이 형식이 브라우저 에이전트에서 지원되는지 확인한 다음 원본 이미지 대신 새 형식으로 이미지를 제공 할 수 있습니다. 이 파일 형식은 애니메이션 이미지도 지원하므로 이미지 크기를 크게 줄일 수 있습니다.
WebP 형식을 사용하면 웹 마스터와 웹 개발자가 작고 풍부한 이미지 생성 웹을 더 빠르게 만듭니다.
Ubuntu에 WebP 도구 설치
다행히 webp 패키지는 공식 Ubuntu 저장소에 있습니다.. APT 패키지 관리자를 사용하여 설치할 수 있습니다. 터미널을 열고 (Ctrl + Alt + T) 작성하면됩니다.
sudo apt install webp
Ubuntu 및 기타 Gnu / Linux 배포판을 선택할 수도 있습니다. Google 저장소에서 webp 패키지 다운로드. 이를 위해 우리는 명령을 사용할 것입니다 wget 터미널을 열고 (Ctrl + Alt + T) 다음을 입력합니다.
wget -c https://storage.googleapis.com/downloads.webmproject.org/releases/webp/libwebp-0.6.1-linux-x86-32.tar.gz
다음으로 할 일은 파일을 추출하고 다음과 같이 추출 된 패키지의 디렉토리로 이동하는 것입니다.
tar -xvf libwebp-0.6.1-linux-x86-32.tar.gz cd libwebp-0.6.1-linux-x86-32/ cd bin/ ls
내장 도구
위의 스크린 샷에서 볼 수 있듯이 패키지에는 미리 컴파일 된 라이브러리 (libwebp) 아래 나열된 다양한 웹 유틸리티를 추가합니다.
- anim_diff → 도구입니다 애니메이션 이미지의 차이를 보여.
- anim_dump → 이것은 도구입니다 애니메이션 이미지의 차이를 버리십시오..
- cwebp → 도구입니다. webp 인코딩.
- dwebp → 이것은 도구입니다 webp 디코딩.
- gif2webp → 도구 GIF 이미지를 webp로 변환.
- img2webp → 도구 이미지 시퀀스를 애니메이션 웹 파일로 변환.
- vwebp → 이것은 webp 파일 뷰어.
- webpinfo →이 도구는 파일에 대한 정보 이미지 webp.
- webpmux → 하나 mux 도구 webp에서.
인수없이 실행하거나 다음을 사용하여 이전 도구에 대한 모든 옵션을 볼 수 있습니다. -longhelp 플래그. 예 :
cwebp -longhelp
마지막으로, 절대 경로를 작성하지 않고 이전 프로그램을 실행하려면 디렉토리 만 추가하면됩니다. ~ / libwebp-0.6.1-linux-x86-32 / bin 우리에게 ~ / .bashrc 파일의 PATH 환경 변수. 이를 위해 터미널에서 실행합니다 (Ctrl + Alt + T).
vi ~/.bashrc
마지막 파일에서 다음을 추가합니다.
export PATH=$PATH:~/libwebp-0.6.1-linux-x86-32/bin
완료되면 파일을 저장하고 닫기 만하면됩니다. 떠날 때 새 터미널 창을 엽니 다. 시스템의 다른 명령과 마찬가지로 모든 웹 프로그램을 실행할 수 있습니다.
이미지를 webp로 변환
이미지를 webp로 변환하려면 cwebp 도구 사용. 그것에 매개 변수 -q는 출력 품질을 정의하고 -o는 출력 파일을 지정합니다.. 예를 들면 다음과 같습니다.
cwebp -q 80 ubunlog.jpeg -o ubunlog.webp
변환 된 이미지보기
변환이 완료되면 vwebp 도구를 사용하여 webp 이미지보기. 캡처에서 볼 수 있듯이 동일한 이미지는 jpeg 형식의 이미지와 관련하여 특정 차이가 있습니다.
vwebp ubunlog.webp
WebP는 웹을 더 빠르게 만들기위한 Google의 지속적인 노력에서 비롯된 많은 제품 중 하나 일뿐입니다. 이 이미지 형식에 대해 더 알고 싶다면 방문하다 WebP 프로젝트 웹 사이트.