네이버 블로그 이미지 흐릿한 문제 해결방법

​

안녕하세요.

에리카입니다.

오늘은 이상하게 블로그 포스팅에 대한 팁을 자주 쓰게 되네요..

ㅎㅎㅎ

​

블로그를 작성하면서 엑셀에서 표를 작성하거나

이미지를 붙여넣다보면

블로그 이미지가 흐릿한 현상이 보이는 경우가 있습니다.

​

그림판이나 이런데다가 동일한 이미지를 붙여넣으면

분명 선명한 이미지인데 왜 블로그 포스팅하는

이 네이버스마트에디터에만 붙여넣으면 이미지가 깨지는 걸까요?

​

그래서 일단 실험을 해봅니다.

준비된 이미지는 1282px의 이미지에요.

일단 1000px로 Width의 사이즈를 리사이즈 한 후 붙여넣기를 해봤어요.

여전히 흐릿한게 보이시지요?

이번엔 이미지의 가로사이즈를 900px로 리사이즈 해봤습니다.

여전히 흐릿하네요.

이번엔 과감히 가로사이즈를 800px로 리사이즈 해봤어요

앗!!! 이미지가 선명합니다. 차이가 무엇일까요?

다시 위로위로 이미지를 리사이즈 해봤습니다.

887px과 886px에서 차이가 발생하네요.

차이가 느껴지시나요?

즉, 결과는 모든 이미지의 가로사이즈는

886px이하로 생성해야 이미지가 흐릿해지지 않게 됩니다.

왜 이런 증상이 발생하는걸까요?

​

이유는 바로 스마트에디터의 입력하는 화면에 있는것 같아요.

아래의 이미지와 같이 입력할수 있는 공간자체가 작기 때문인것 같습니다.

브라우저의 분석툴로 해당 영역의 스타일 정보를 봐볼까요?

역시나네요.

본문이 입력할수 있는 가로사이즈가 886px로 설정되어 있습니다.

그리고 886보다 큰 사이즈의 이미지를 넣었을때

리사이즈가 되어 흐릿하게 된 이미지를 분석해보면

동일하게 이미지 태그의 width값이 강제로 886으로 설정된것 확인할 수 있어요.

​

즉, 스마트에디터에서는 본문영역보다 가로사이즈가 큰 이미지가 입력될시

자동으로 자체 이미지 리사이즈를 한다 입니다.

그 과정에서 이미지가 흐릿해지는 현상이 발생합니다.

​

이로서 이미지 붙여넣기시 흐릿해지는 증상을

어떤식으로 조절하는지 알수 있게 되었네요. ^^

​

저도 답답해서 찾고 찾다 확인된 방법이니

아마 아무도 모르시지 않을까 합니다.. ㅎㅎㅎ

​

포스팅하실때 도움이 되셨으면 좋겠습니다.

​

​