웹 이미지 포맷 중 하나인 WebP는 Google에서 개발한 이미지 파일 형식입니다. WebP는 고성능 웹 이미지를 제공하고, 파일 크기를 줄이면서도 높은 화질을 유지할 수 있는 특징이 있습니다. 홈페이지나 웹페이지를 SEO 관점에서 봤을 때 기존 이미지 포맷 확장자에 비해서 확실히 우위를 점할 수 있는 확장자입니다.
페이지 로딩 속도 개선:
WebP는 이미지를 높은 압축률로 저장할 수 있어, 웹 페이지의 로딩 속도를 개선할 수 있습니다. 빠른 페이지 로딩은 검색 엔진 최적화에서 중요한 요소 중 하나입니다.
모바일 사용자 경험 향상:
WebP는 작은 파일 크기로 높은 품질을 유지할 수 있어, 모바일 사용자의 경험을 향상시킵니다. 모바일 친화적인 웹 페이지는 검색 엔진에서 긍정적으로 평가될 수 있습니다.
검색 엔진 친화적인 이미지:
검색 엔진은 페이지 속도, 이미지 최적화, 사용자 경험 등을 평가하여 검색 순위를 결정합니다. WebP를 사용하면 이미지 최적화를 향상시켜 검색 엔진에 긍정적인 신호를 전달할 수 있습니다.
구글의 선호도:
WebP는 Google에서 개발한 포맷이므로, 구글은 웹 페이지의 성능과 사용자 경험을 높이기 위해 WebP 사용을 권장하고 있습니다. 이는 구글 검색 엔진에서의 노출에 긍정적인 영향을 미칠 수 있습니다.
반응형 이미지 제공:
WebP를 사용하면 다양한 디바이스와 화면 크기에 대응하는 반응형 이미지를 제공할 수 있습니다. 모바일과 데스크톱 사용자에게 최적화된 이미지를 제공하여 사용자 경험을 향상시키세요.
그런데 webp 파일이 그냥 변환한다고 해서 변환되는 게 절대 아니거든요. 보통 파일변환 서비스를 이용해서 변환하거나 그림판 혹은 구글 크롬에서 제공하는 플러그인을 많이 사용하고 있는데 그 부분에 대해서는 다시 한번 언급해서 포스팅 올려드리겠고 오늘은 포토샵을 이용한 webp 확장자를 활용할 수 있는 방법에 대해서 알려드릴게요.
포토샵 Webp 지원은 어디까지?
포토샵에서는 23.2 버전 이상부터는 Webp 파일 포맷을 완벽하게 지원하고 있습니다. 별도로 환경 설정이나 다른 작업 없이도 그냥 사용하시면 되지만 문제는 그 아래 버전의 포토샵을 사용할 경우입니다. 지금 내가 사용하고 있는 포토샵의 버전이 어떤 건지 확인이 필요하겠죠
포토샵 하위 버전은 어떻게 변환할까?
하위 버전의 경우 간단한 플러그인만 설치하면 바로 끝납니다. 플러그인이라고 해서 무겁고 복잡하고 그런 거 절대 없으니 걱정 마시고요. 파일 받아서 포토샵 저장 폴더에 넣기만 하면 끝!
플러그인은 아래 보이는 사이트에서 바로 받기만 하면 됩니다. 그리고 내 컴퓨터 포토샵 저장된 위치에 넣어주기만 하면 돼요. 넣고 나서 포토샵을 실행하면 자동으로 플러그인이 설치되어 작동합니다.
Releases · webmproject/WebPShop
Photoshop plug-in for opening and saving WebP images - webmproject/WebPShop
github.com
※ 제가 몇 번 확인해 본 결과 안전한 사이트입니다. 혹시나 의심되는 경우 메일 남겨주시면 제가 받은 파일 넘겨 드릴 테니 안심하시고 이용해 보시길 바랍니다.
윈도우버전에 맞는 파일 선택하시면 되고요. 맥 사용자분들도 이용할 수 있는 파일 있으니까 사용하시면 됩니다.
파일을 작업하고 나서 저장 Ctrl + Shift + S 버튼 누르면 이렇게 파일 형식에 안 보이던 Webp 확장자 선택이 가능해요. 추가적으로 메타 데이터까지 포함해서 저장도 가능하니까 웹문서 사용 시 유용하실 겁니다.
최종적으로 png 파일 확장자가 webp 파일 확장자로 저장이 가능하게 되었습니다. 앞으로 포토샵 이용해서 사용하고자 할 때 버전이 낮다면 이렇게 간단한 플러그인 설치해서 사용해 보시길 바랍니다. ※ webp 파일 불러와서 작업도 가능합니다.
댓글