이미지 크기 조절

왜 크기를 줄여야 하나

요즘 휴대폰으로 찍은 사진은 가로가 4000픽셀을 넘습니다. 그런데 블로그 본문에 들어가는 이미지는 넓어야 800픽셀 언저리입니다. 실제로 보이는 크기보다 다섯 배 큰 파일을 보내고 있는 셈입니다.

브라우저가 알아서 줄여 보여주니 눈에는 문제가 없어 보이지만, 그 큰 파일을 내려받는 시간은 그대로 듭니다. 사진 몇 장이 들어간 페이지가 유독 느린 이유가 대개 이것입니다.

크기를 줄이는 것이 품질을 낮추는 것보다 효과가 큽니다. 가로세로를 절반으로 줄이면 픽셀 수는 4분의 1이 되니까요.

어느 정도로 줄이면 되나

긴 변	쓰기 좋은 곳
1920	화면 전체를 채우는 배경, 크게 볼 사진
1280	블로그 대표 이미지. 요즘 화면에서 무난합니다
800	본문에 넣는 사진. 대부분 이 정도면 충분합니다
400	목록에 쓰는 썸네일

고화질 화면을 쓰는 기기가 많아서, 실제로 보여줄 크기의 두 배로 잡으면 선명하게 보입니다. 본문 폭이 400픽셀이면 800으로 저장하는 식입니다.

알아두실 점

• 비율은 항상 유지됩니다. 긴 변만 지정하면 짧은 변은 알아서 따라옵니다. 사진이 찌그러질 일이 없습니다
• 지정한 값보다 작은 이미지는 건드리지 않습니다. 억지로 늘리면 흐려지기만 하기 때문입니다. 원하시면 위에서 끌 수 있습니다
• 원본과 같게를 고르면 JPG는 JPG로, PNG는 PNG로 저장됩니다. 그 밖의 형식은 투명도 유무에 따라 PNG나 JPG가 됩니다
• 움직이는 GIF는 첫 장면만 남습니다. 해당하는 파일은 목록에 표시해 드립니다
• 사진의 촬영 정보는 지워집니다. 인터넷에 올릴 때는 오히려 안전합니다