SEO 전문가들이 이야기 하는 웹페이지의 속도 개선을 위해 이미지 용량 관리하는 방법은 여러가지가 있는데요. 홈페이지의 이미지가 Webp 파일일 때 JPEG, PNG로 다운로드 하는 방법을 소개합니다.
위에서 언급한 것과 같이 인터넷 하다 보면 요즘에는 webp 파일로 이미지를 올려놓은 곳이 많습니다.
Webp(웹피) 파일 포맷은 이미지 압축 포맷입니다. 구글이 On2 테크놀로지의 기술을 구매하여 개발하였으며, 2010년 9월 30일 공개되었습니다. 이 이미지 포맷은 화질 저소화를 최소화하면서 JPEG 이미지의 10~80% 까지 압축할 수 있으며, JPEG를 대체할 수 있는 규격으로 웹사이트의 트래픽 감소, 로딩 속도 개선을 겨냥하였습니다.
JPEG와 동일한 화질로는 39.8%까지 압축률이 개선되었습니다.
이와 같이 요즘에는 webp파일 포맷으로 홈페이지를 개발하는 곳이 늘어났습니다. 트레픽이 많은 사이트의 경우 로딩 속도 개선과 서버 제공회사에 높은 요금제를 적용해야 하기도 하지만 구글 SEO관점에서 봤을 때 이미지는 텍스트보다 많은 용량을 차지해 속도가 떨어질 수 있습니다.
또한 디자인 하시는 분들은 고객사의 홈페이지에 있는 이미지를 활용해 디자인 하는 경우가 있습니다. 이럴 때 웹 브라우저에서 F12를 눌러 원본 경로를 찾아 직접 다운로드하는 경우도 있습니다.
포토샵의 경우 최근에서야 WEBP를 지원하지만 이 전 버전의 경우 지원하지 않을수도 있습니다. 이럴 때 JPEG와 PNG등 원본파일로 저장할 수 있는 방법이 있는데요.어떠한 프로그램이나 변환 사이트를 방문하지 않고 해결할 수 있습니다.
예시로 삼성전자 사이트에서 갤럭시 S20 Ultra 5G 제품 이미지를 다운로드하려고 하니 webp 파일로 저장됩니다.
webp 파일 JPEG, PNG 원본으로 다운로드 하는 방법
webp 파일을 다운로드하면 이미지 편집 최강 프로그램인 포토샵에서 열 수 없습니다. 포토샵에서 webp 파일을 여는 방법은 바로 이 파일을 jpeg나 png로 다운로드하면 되는 것이죠. 새로운 프로그램, 플러그인 설치가 아닙니다. 변환 프로그램도 사용하지 않습니다. 이 이미지에서 마우스 우클릭 > 이미지 주소 복사를 눌러 경로를 복사합니다.
이미지 주소 복사
주소를 복사한 뒤 이와 같이 새 탭을 열어 주소를 붙여 넣기 하고 맨 마지막에 물음표를 추가로 넣어주세요.
이미지 주소 끝에? (물음표 붙이기)
그 다음 이미지 위에서 마우스 우클릭 > 이미지를 다른 이름으로 저장하세요.
원본 파일인 png 파일로 저장됩니다. 이 방법은 jpeg 파일 이어도 동일하게 동작합니다.
이제 포토샵에서 디자인하시면 되겠습니다. 여기저기 사이트에서 변환하지 마시고 아무 부담 없이 클린 다운로드하세요.
지금까지 웹사이트의 webp 파일을 jpeg, png 파일로 저장하는 방법에 대해 이야기 드렸습니다.
Webp파일 JPEG, GIF, PNG 변환 무설치 프로그램
요즘 홈페이지에는 Webp 파일로 되어있는 경우가 많습니다. 제가 예전에 Webp파일은 원본 파일로 저장하는 방법과 포토샵에서는 플러그인을 통해 쉽게 변환하는 방법에 대해 포스팅했습니다. 이
my-rom.tistory.com