본문 바로가기
애드센스

image size 블러그 운영에 중요한 블러그 이미지를 최적화해 주세요

by Dog_발자 2022. 10. 23.
반응형

 

이미지를 최적화

블러그를 운영하는데 있어 중요한것중  하나가 이미지들일 것입니다 . 블러그의 이미지들을 어떻게 최적화 해주느냐에 따라서 블러그의 속도에 많은 영향을 주기 때문입니다. 최적화 되지 않은 이미지들은 사이트의 로딩을 느리게 만들어 글내용을 확인하기 전에 느린 속도로 인하여 어렵게 블러그를 방문한 방문자들을 그냥 떠나게 하기도 합니다. 그러기 때문에 블러그 이미지를 최적화해 주는 것은 블러그의 내용 못지 않게 중요합니다.

 

그래서 이미지 최적화를 한번에 끝낼수 있는 온라인 이미지  최적화 사이트를 소개해 드립니다.

 

ILOVEIMG

온라인이미지최적화홈페이지
온라인이미지최적화홈페이지

 

이미지들 최적화 하는 방법

  • 이미지의 확장자 변환
  • 이미지에서 불필요한 영역을 잘라내기
  • 이미지 사이즈 조정
  • 이미지의 압축

등 위와 같은 기본적인 방법이 있을수 있습니다.

 

이미지의 확장자 변환

이미지 파일들의 확장자에는 우리들이 잘 알고 있는 gif, jpeg,png 등이 있습니다. 하지만 이 세가지가 이미지 확장자의 전부는 아닙니다. 특히 아이폰에서 찍은 사진 파일을 컴퓨터로 전송 할 때는 HEIC 라는 확장자로 저장 됩니다. 이렇게 저장된 사진이미지를 블러그에 올리려 한다면 지정된 파일이 아니기 때문에 사진을 업로드 할 수 없게 됩니다. 아이폰에서 찍은 사진을 업로드 하기 위해서는 파일을 우리가 잘알고 있는 jpg나 png 또는gif 로 변환해 주어야 합니다.

 

불필요한 이미지 잘라내기 

이미지 용량을 줄이는 방법중에 하나는 불필요한 부분을 짤라낸 후에 사용하는 방법도 있습니다. 아래의 이미지 처럼 불필요한 부분을 삭제해 준다면 이미지 용량을 줄일수 있을것입니다.

텐트 영역을 제외한 불필요한 부분은 삭제하기

 

이미지 사이즈 조정

스마트폰으로 찍은 사진을 컴퓨터로 전송 받으면 엄청난 고해상도 이다 보니 사진의 사이즈가 3000 픽셀이 넘어 가는 경우가 많습니다. 물론 고해상도의 선명한 사진을 블러그 방문자에게 보여주면 좋겠지만 고해상도의 사진을 보여주는데는 로딩 시간에 영향을 줍니다. 그러니 보여지는 블러그에 맞도록 사진의 사이즈를 조정해 주는 것이 좋습니다. 이런 사이즈를 조정할 때는 가로와 세로의 비율이 같게 유지하는것이 사진의 외곡을 줄이는 방법입니다.  

 

이미지 압축

이미지 압축이란 원본파일보다 적은 공간을 사용하도록 인코딩하고나 변환해 주는것 이라고 하는데 블러그 이미지 하나 올리는데 전문적으로 알것까지는 없겠지요.

 

지금까지 설명한 이미지 최적화 과정으로 원본 이미지와 압축전의 이미지 사이즈를 비교해 보겠습니다.

이미지 최적화 과정의 용량변화
이미지 최적화 과정의 용량변화

0001_원본이미지_w1512px 파일의 용량 크기는 353KB 입니다. 불필요한 영억을 자르고 이미지 크기를 width 800px 로 줄이면서 마지막으로 이미지압축을 통하여 57KB 로 이미자용량이 줄어 들었읍니다.  353KB 의 원본 보다는 57KB 로 이미지를 최적화한 사진이 블러그페이지의 로딩 속도면에서는 더욱 빠르게 방문자에게 보여질 것입니다.

 

마지막으로 사진 원본과 사진이미지 최적화 후의 이미지를 올리면서 이미지 최적화에 대한 글을 마무리 하겠습니다.

 

이미지원본과최적화비교 사진
원본이미지(50%축소 _왼쪽), 최적화이미지 (100%사이즈 _오른쪽)

반응형

댓글