포토샵으로 초보자도 쉽게 할 수 있는 WEBP 변환 방법

웹사이트를 제작하는데 이미지는 필수적인 요소로 이미지 파일이 클 경우 웹사이트 로딩 속도가 느려지면서 성능이 악화될 수 있습니다. 이러한 문제를 해결하기 위해 webp 포맷이 나왔는데 간단하게 webp 파일에 대해 알아보고 포토샵으로 webp 변환 방법에 대해서 알아봅니다.
Feb 23, 2024
포토샵으로 초보자도 쉽게 할 수 있는 WEBP 변환 방법

Webp 포맷

WEBP는 구글에서 공개한 손실/비손실 압축 이미지를 위한 이미지 포맷으로 JPEG, PNG 포맷에 비해 파일 크기가 작으면서 이미지 품질 유지가 되어 웹페이지에서 사용하기 적합한 포맷입니다. 애니메이션과 알파 투명도도 지원하고 있어 gif 대체도 가능합니다.

포토샵으로 초보자도 쉽게 할 수 있는 WEBP 변환 방법

포토샵은 이미지 편집 프로그램으로 가장 많이 사용되는 프로그램 중 하나로 포토샵을 이용하면 webp 포맷으로 이미지를 쉽게 변환할 수가 있습니다.

※ Photoshop 23.1 이하용은 플러그인을 다운로드 해야 하며 23.2를 통해 Photoshop은 WebP 파일 포맷을 완벽하게 지원합니다.

  1. 포토샵에서 변환하고자 하는 이미지를 엽니다.

  1. 파일 메뉴를 선택후 다른이름으로 저장을 선택합니다.

  2. 파일 형식 드롭다운 메뉴에서 webp(*.webp)를 선택합니다.

  3. 옵션 화면이 나오면 webp 변환 옵션을 설정하고 확인 버튼을 눌러 webp 이미지 저장을 합니다.

포토샵 WEBP 옵션

  • 방식 : 손실 방식은 파일 크기가 작지만 이미지 품질이 저하 될 수 있고 손실 없음은 이미지 품질이 유지되지만 파일 크기가 더 커지는 점이 있습니다.

  • 품질 : 이미지 품질을 설정하는데 70~80으로 설정을 하면 좋습니다.

그 외에도 xmp 메타데이터, exif 메타데이터, 포토샵 추가 기능 포함이 있으며 해당 되는 항목을 체크하면 되겠습니다.

마무리

일반적으로 웹사이트에 사용할 이미지 품질은 70~80%으로 설정하면 충분한데 이미지 크기가 더 줄이고 싶다면 더 낮게 설정도 가능합니다. webp 변환 후에는 이미지를 확인하여 원하는 품질이 맞는지 확인을 하는 것이 중요하겠습니다.

Share article

More articles

See more posts

에브리데이