본문 바로가기
IT보고서/티스토리 블로그

[구글SEO] 구글 최적화를 위해 좋다는 사진파일 확장자 Webp 만들기

by 카카오T 2024. 2. 27.
728x90
반응형

최근 검색을 통해 알게 된 사이트가 있다. TinyPNG라는 사진용량을 줄여주는 사이트이다. 

https://tinypng.com/

 

TinyPNG – Compress WebP, PNG and JPEG images intelligently

Integrate Tinify’s powerful image API seamlessly into your workflow. Explore advanced features like resizing, converting, and cropping for a comprehensive experience.

tinypng.com

 

Index 

     

    WebP 파일이 뭐야?

    WebPGoogle에서 개발한 이미지 파일 형식으로, 손실 압축과 비손실 압축 모두를 지원하는 형식을 말한다. 구글 검색의 최적화를 위해 주로 웹에서 이미지를 빠르게 로딩하기 위한 목적으로 고안되었다고 한다. 특히 웹 페이지의 성능을 향상시키기 위한 효과적인 이미지 포맷 중 하나로 자리잡고 있다. 

     

     

     

     

     

     

     

    WebP 파일의 압축 방식

    파일을 압축하는 방식에는 손실 압축과 비손실 압축 두 가지 모두 가능하다. 

    • 손실 압축: 이미지를 압축하면서 일부 픽셀 정보를 제거하여 파일 크기를 줄이는 방식으로 일반적으로 JPG와 비슷한 압축률을 제공하면서도 품질 손실을 최소화한다.
    • 비손실 압축: 이미지를 압축하지만 품질 손실이 없는 방식으로 손실 압축보다 큰 파일 크기를 가질 수 있지만, 원본 이미지를 완벽하게 보존한다.

     

     

     

    WebP 파일의 색상 비트 수

    WebP24비트 RGB 이미지와 32비트 RGBA 이미지를 모두 지원한다. 따라서 풀 컬러 이미지와 투명한 배경을 가진 이미지를 모두 처리할 수 있다. 색의 스펙트럼이 다양하게 나타낼 수 있다는 이야기이다. 웹 업로드만 한다면 크게 신경쓸 부분이 아닌 듯 하다. 

     

     

     

     

    애니메이션 지원

    WebP는 단일 이미지 뿐만 아니라 애니메이션 GIF와 유사한 형태로 애니메이션을 지원한다.

     

     

     

     

    투명성, 웹 성능 향상

    무슨 말인지는 잘 모르겠지만 전문가라면 알아들을 수 있으리라. 

    • 투명성 : WebP는 투명한 배경을 지원하기 위해 알파 채널을 사용할 수 있습니다.
    • 웹 성능 향상 :WebP는 일반적으로 JPG 및 PNG보다 작은 파일 크기를 제공하면서도 동등하거나 더 나은 품질을 제공. 웹 페이지의 로딩 속도를 높여 사용자 경험을 향상

     

     

     

    WebP 파일을 지원하는 브라우저 들

    대부분의 최신 웹 브라우저에서 WebP를 지원하고 있다. 하지만 파일이 열리지 않는다면 지원 여부를 확인해 볼 필요가 있다. 다음과 같은 브라우저에서 널리 사용된다고 한다. 

    •  Google Chrome,
    • Mozilla Firefox,
    • Microsoft Edge 

    WebP는 다양한 용도에 적합하며, 특히 웹 페이지의 성능을 향상시키기 위해 사용되는 형식 중 하나지만 모든 상황에서 최적인 이미지 포맷을 선택하기 위해서는 사용 목적과 특정 요구 사항을 고려하는 것이 중요하다고 한다. 

     

     

     

    하지만, 구글 SEO 최적화를 생각한다면 WebP로 변환을 해 주라는 이야기로 해석이 된다. 

    728x90
    반응형
    그리드형(광고전용)

    댓글