사진파일 용량 줄이기 팁

 [글빛]   블로그에 고용량 사진을 올리면 페이지 로딩 속도가 느려져 방문자 탈락률이 높아지고, 

구글·네이버 등 검색엔진의 검색 노출 평가에서도 불이익을 받게 됩니다. 

따라서 사진 파일 크기를 줄여서 올리는 것은 필수적인 작업입니다.

1. 이미지 파일 형식 변경 (가장 효과적)


사진 파일의 형식(확장자)만 바꿔도 용량이 크게 줄어듭니다.

  • WebP 사용 (강력 추천): 

  • 구글이 개발한 웹 최적화 이미지 포맷입니다. 
  • JPG/PNG 대비 화질 손실은 거의 없으면서 파일 용량을 30~70% 이상 줄여줍니다.

  • JPG / JPEG 사용: 

  • 일반 사진은 용량이 큰 PNG 대신 
  • JPG로 저장하는 것만으로도 용량이 절반 이하로 줄어듭니다.

2. 무설치 웹사이트를 이용한 압축 (가장 쉽고 빠른 방법)


별도의 프로그램 설치 없이 웹사이트에 사진을 
드래그해서 넣기만 하면 몇 초 만에 용량이 축소됩니다.

  • TinyPNG:

  • 가장 대표적인 이미지 압축 사이트로, 
  • 화질 저하를 최소화하면서 용량을 크게 줄여줍니다. (JPG, PNG, WebP 지원)

  • Squoosh: 

  • 구글에서 만든 이미지 리사이징/압축 도구로, 
  • 원하는 파일 포맷(WebP 등)과 압축률을 직접 조절할 수 있습니다.

  • Convertio: 

  • 기존 JPG나 PNG 사진을 웹 최적화 포맷인 
  • WebP 파일로 한 번에 변환할 때 유용합니다.

3. 사진 가로 크기(해상도) 줄이기


디카나 스마트폰으로 찍은 원본 사진은 가로 크기가 
4000px~6000px 이상으로 필요 이상으로 큽니다. 
블로그 본문용 크기로 가로 해상도를 줄이는
것만으로도 용량이 대폭 감소합니다.

  • 권장 해상도: 

  • 블로그 본문용 사진은 가로 800px ~ 1000px 정도면 
  • 충분히 선명하게 보입니다.

  • 작업 방법: 

  • 윈도우 기본 프로그램인 '판화(그림판)'나 알씨, 꿀뷰 같은 
  • 무료 뷰어 프로그램의 [크기 조절/리사이즈] 메뉴에서 
  • 가로 폭을 800~1000 정도로 변경 후 저장합니다.

권장 목표 용량

블로그 포스팅 1건당 포함되는 사진 1장당 용량은 
100KB ~ 300KB 이하로 맞춰 올리시는 것이 
로딩 속도와 블로그 최적화에 가장 좋습니다.



ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ


2.이미지 확장자를 WebP로 변환하고 사용하는 3가지 방법


WebP 확장자로 사진을 변환하고 적용하는 방법은 
크게 3가지(온라인 변환 사이트 이용, 
블로그 에디터 자동 변환, 그래픽 프로그램 이용)가 있습니다.

가장 쉽고 빠르게 사용할 수 있는 방법부터 순서대로 
정리해 두었으니 편하신 방식을 선택해 보세요.

블로그 로딩 속도를 높여주는 WebP 포맷은 
별도의 유료 프로그램 없이도 쉽게 만들고 적용할 수 있다.

1. 온라인 무료 변환 사이트 이용 (가장 추천하는 방법)


기존에 가진 JPG나 PNG 사진을 웹사이트에서 
바로 WebP로 변환해 다운로드하는 방법이다.

  • Squoosh 이용하기 (구글 공식 도구):


    1. Squoosh 사이트에 접속하여 변환할 사진을 드래그하여 올린다.

    2. 오른쪽 아래 [Compress] 항목의 포맷을 WebP로 선택한다.

    3. 압축률을 확인한 뒤 오른쪽 아래 다운로드 버튼을 눌러 저장한다.

  • Convertio 이용하기:


    1. 사이트에 접속해 파일들을 한 번에 여러 장 선택하여 올린다.

    2. 변환할 포맷을 WEBP로 지정한 후 [변환] 버튼을 누른다.

    3. 변환이 완료되면 다운받아 블로그에 올린다.

2. 블로그 에디터 및 캡처 도구의 저장 포맷 활용


최신 이미지 뷰어 프로그램이나 캡처 도구를 활용하면 
원본 저장 단계부터 WebP로 만들 수 있다.

  • 이미지 캡처 및 편집 프로그램:


    • 알캡처, 픽픽(PicPick) 등 대부분의 이미지 편집 프로그램에서
      화면을 캡처하거나 이미지를 저장할 때 다른 이름으로 저장을 누르고
       파일 형식을 WebP로 지정하여 저장한다.

  • 티스토리/워드프레스 등 자체 변환:


    • 워드프레스나 일부 블로그 플랫폼은 이미지 플러그인을 통해
      JPG를 올려도 자동으로 WebP로 변환해 주는 기능을 지원하므로
      플러그인 설정을 활용할 수 있다.

3. 포토샵 등 그래픽 프로그램 활용


디자이너나 포토샵을 사용하는 사용자라면 
포토샵 내부 기능으로 바로 내보낼 수 있다.

  • 포토샵(Photoshop) 저장 방법:


    1. 포토샵에서 이미지를 연다.

    2. 상단 메뉴에서 파일(File) > 사본 저장(Save a Copy)을 클릭한다.

    3. 파일 형식 목록에서 WebP (*.WEBP)를 선택하고 저장한다.



댓글

댓글 쓰기