티스토리 뷰

IT tip

Webp 이미지 만들기, 이미지 파일 크기 줄이기 방법

에이든_채블 2023. 11. 23. 22:51

이미지 파일 크기가 홈페이지 로딩시간을 꽤 잡아먹는다는 사실을 알고,

어떻게 이 이미지 크기를 줄일 수 있는지 고민해보다가 WebP 파일에 대해서 알게 되었습니다.

[목차]

1. WebP 파일이란?

2. WebP 파일 변환 방법

WebP파일은 우리의 구글(google)이 이미지 크기를 줄이기 위해서 만든 새로운 포맷입니다.

사용자 경험을 중시하는 구글은 사진의 그래픽 크기를 줄여서 웹 사이트가 빠르게 로드되도록 하였습니다.

설명에 따르면 기존의 고품질의 이미지를 잘 표현하지만 그 크기가 줄어드게 됩니다.

최대 26%까지 줄일 수 있고, 확장자는 WEBP로 되어 있습니다.

좀 더 자세한 설명을 보고 싶으신 분들은 Adobe 에서 자세하게 설명해 놓은 글을 한번 읽어 보시면 좋겠습니다.

그럼 어떻게 WebP를 만들어야 하는지 찾아보았습니다.

1. 가장 간단하게 인터넷을 통해서 쉽게 바로 바꿀 수 있습니다.

ezgif.com이라는 사이트가 있습니다. [바로가기]

아래 사이들에 들어가면 동그라미 표시 해둔 곳을 누르면 쉽게 바꿀 수 있습니다.

아래 사진은 얼마나 효과가 있는지 비교해 보았습니다. 위 사진을 캡처해서 png에서 webp로 바꾸었습니다.

결과는 259k > 54.8k로 1/4이상 줄어든 것을 볼 수 있습니다. 한 번 더 작업을 거쳐야 하는 게 번거롭기는 하지만 간단하고 이렇게 줄어든다면 안 할 이유는 없을 것 같습니다 :)

이외에도 다양하게 바꿀 수 있으니 인터넷에 사진, 동영상, GIF 파일을 올리실 때 다양하게 활용해 보면 좋겠습니다.

저도 이제 올릴 때마다 꾸준하게 변환해서 사용해 봐야겠네요.