블로그 사진 webp , 웹피로 제작하면 장점이 많을까?

1. 블로그 사진편집

블로그를 운영하시다 보면, 블로그 사진편집을 해야 하는지에 대해서 충분히 궁금하시리라 생각이 듭니다. 사실 이는 블로그 운영자의 마음 이기는 하지요. 사진편집을 하셔도 안 하셔도 크게 상관은 없습니다. 다만 블로그에 영향을 많이 미치는 사항과 블로그 지수, 구글 SEO에 영향을 미치는 것은 아무래도 블로그가 얼마나 빨리 로딩이 되나 에 대한 로딩 속도, 블로그 속도로 부터 영향을 받습니다.

---

1.1. 사진 사용 시

이러한 블로그의 속도에 많은 영향을 미치는 것은 첫 번째로 아마도 얼마나 글이 무거운지 여부가 작용을 할 것입니다. 특히나 우리가 주로 블로그를 운영하게 되며 주 타깃으로 잡게 되는 것이 사실 다음포털 사이트나 네이버 블로그 정도가 아니라면 우리는 구글 포털 사이트를 공략해야 하고 , 그렇다면 구글 SEO (Search Engine Organization ) 최적화를 위한 전략이 필요할 것입니다.

 

바로 그 첫 번째 중요하게 생각해야 하는 부분이 어떻게 하면 사이트 로딩속도를 올리고, 빠른 웹페이지로 만들 것인가의 여부입니다. 여기에서 중요하게 속도에 영향을 미치는 요인이 바로 이미지, 사진이 되는데요. 결국 사진의 용량차이에 따라 사이트 속도에 영향을 받게 되고, 그 무거운 정도에 따라서 상단노출이 가능한  블로그 지수가 올라가느냐 , 내려가느냐에 영향을 받기도 합니다.

 

1.2. 대표 이미지

 

티스토리에서는 대표 이미지를 설정하실 수 있습니다. 다만 등록을 별도로 설정하지 않으신다면 , 콘텐츠에 포함되어 있는 이미지가 대표 이미지가 자동으로 등록, 지정 되기도 하는데요. 이경우에는 자동으로 대표 이미지가 선정되는 경우에는 글에서 가장 처음에 올린 이미지가 대표 이미지가 되기도 합니다. 이는 블로그 플랫폼마다 조금씩 다르긴 한데, 여기서는 티스토리 기준으로 설명드리는 사항입니다.

 

2.Webp란 무엇인가?

---

2.1.Webp

구글에서 만든 이미지 포맷으로 웨피, 웹피라고 읽고 있습니다. 이렇게 구글에서 웹피를 미는 이유는 이미지 포맷 최적화를 이용하여서 서버 트래픽 감소를 노리는 이유라고 합니다. 사실 서버는 용량에 따라 많은 비용이 부담되고 하기 때문에 이렇게 서버 트래픽 감소를 위해서 만들었고, 속도가 빠른 인터넷을 통해서 광고 수익도 늘리고 인터넷 향상 속도도 엄청나게 늘리려 하고 있습니다.

 

2.2. 웹피 장점

 

그렇다면 웹피의 장점은 어떤 것들이 있을까요?  일반적인 이미지 포맷이 JPEG, PNG, GIF 이렇게 포맷을 분류하는데 웹피의 경우 모든 포맷과 대체가 가능하며 모두 지원을 하는 것으로 알려져 있습니다. 가장 중요한 장점은 무엇보다도 크기가손실 압축의 경우 거의 30%까지 작아진다고 합니다. 물론 무손실 압축이라 하더라도 마찬가지로 30%까지 축소가 가능다고 알려져 있습니다. 가장 중요한 것이 상당한 용량의 절감, 그리고 압도적인 화질을 내세우고 있습니다.

 

2.3. 웹피 단점

이번에는 Webp의 단점에 대해서 한번 알아볼까요? 윈도의 기본 사진앱에서 읽을 수 없다고 합니다. 마이크로 에지 브로 우져에서 열기 위해서도 확장을 설치하여야 가능 하다고 합니다. 애플의 플랫폼에서도 호환이 되지 않는다고 알려져 있으며 , 지원되는 브라우저도 다르다고 알려져 있습니다.

 

3. 웹피? 주의할 점

---

3.1. 사진, 어떻게 올릴까

여기까지 webp , 웨피 이미지 파일의 장점과 단점에 대해서 알아보았습니다. 그렇다면 우리는 어떤 이미지 파일을 가공해서 쓰는 것이 좋을까요? 이는 분명 장단점이 있기 때문에 블로그를 운영하시는 분들의 성향과 호불호에 따라 다를 것입니다. 다만 아무래도 webp 웨피의 장점이 강력하게 용량을 줄여주는 장점이 있어서, 이러한 장점 만으로도 다른 단점들을 극복해 주지 않을까 개인적으로  생각해 봅니다. 또한 대부분의 브라우저 점유율이나 구글 점유율을 감안한다면 단점이 있다고 해도 많이 리스크 한 부분은 아닐 거라고 판단됩니다.

 

대부분의 경우가 기존 png 파일에 비해서 90% 이상이 압축되면서 용량이 줄어들고 이에 반해 화질의 손상은 없으니 한번 사용해 볼만한 이미지파일로 생각이 듭니다. 저의 경우에도 블로그 업로드 시에 초기에는 png를 사용해서 그냥 올렸는데언제부터인가 용량 축소를 더 하기 위해서 webp를 사용하고 올리고 있습니다.

 

3.2. 블로그 사진작업 방법

그렇다면 블로그에서 기본적으로 이미지, 사진작업을 어떻게 진행하는지 간략히 말씀드려 보도록 하겠습니다. 우리가 모든 블로그 콘텐츠 제작 시에 이미지를 찍어 올릴 수는 없으니, 이미지는 무료 이미지 사이트에서 저작권이 문제가 없는 이미지를 다운로드합니다. 대표적인 무료 이미지 사이트는 '픽사베이'입니다. 원하시는 이미지를 선택하여서 , 다운로드를 합니다. 하지만 이 다운로드 이미지에는 사진의 고유정보라는 메타태그 정보들이 그대로 들어가 있습니다.

 

따라서 여러 블로그에서 똑같은 이미지를 여러 명이 사용하게 된다면 유사문서나 저품질 평가를 받을 가능성이 있을 수 있겠지요? 따라서 이러한 이미지 태그정보르르 지우거나, 색감이나 크기등 약간만 다르게 수정을 시켜주는 과정을 거치게 됩니다. 기존에 가장 블로거분들이 많이 쓰시는 무료사진편집툴이 포토 스케이프라고 있습니다.

PhotoScape X for Mac and Windows 10

이 프로그램을 다운로드하여서 기존 사진들을 약간 수정한 다음에 사진의 메타정보를 없애고 다른 사람들이 같은 이미지를 픽사베이에서 다운로드하여 쓰더라도 다른 사진파일로 인식될 수 있도록 만들어 줍니다. 마지막으로 사진용량을 줄여주는데, 이 작업도 tinypng라는 사이트에 무료로 사용하실 수 있습니다. 그러면 , 포토스케이프 작업부터 파일 이미지 확장자명을 webp 웨피로 변환하여서 , 최종적으로 png에서 다운로드하여서 압축변환 하게 되면 최소의 용량을 가진 최고의 퀄리티 이미지를 얻게 됩니다.

 

이 이미지를 가지고 최종적으로 블로그 대표사진으로 설정을 하고 , 사진에 'alt'태그를 넣어 줘야 하는데요. 이는 컴퓨터, AI가 인지하는 이 이미지에 대한 고유정보로서 alt태그를 통해 이 블로그가 주제에 적합한 이미지를 사용하고 있는지, 정보와 연관성이 있는지 등을 충분히 검토하고 블로그지수에 영향을 미치게 될 것입니다.

 

오늘은 블로그 사진, 블로그 이미지 편집 시 Webp가 필요한지, 어떤 의미와 장단점을 가지고 있는지 웨피에 대한 정보를 정리해 보았습니다. 참고하시기 바랍니다. 자세한 블로그 이미지 편집에 대해서는 다음에 다시 정리해 보도록 하겠습니다.

블로그 운영- 정석블로그 , 정보성 블로그 vs 이슈블로그

 

블로그 플랫폼 - 티스토리 장단점의 비밀

 

단일블로그 가 좋을까 VS 잡블로그가 좋을까