사진 한 장 때문에 페이지가 느려지는 경우

사이트가 느리다는 말을 들으면 서버 문제인 줄 아십니다.

그런데 열어 보면 사진 때문인 경우가 대부분입니다.

휴대전화로 들어온 사람은 몇 초를 못 기다립니다. 그 자리에서 나갑니다.

원본을 그대로 올리는 경우

요즘 휴대전화 사진은 한 장에 몇 메가바이트씩 됩니다. 화질이 좋아진 만큼 무거워졌습니다.

그걸 그대로 올리면 화면에는 작게 보여도 파일은 그대로 내려받습니다.

사진 열 장이면 수십 메가바이트를 내려받게 되는 셈입니다. 그만큼 기다려야 화면이 뜹니다.

밖에서 데이터로 들어온 사람에게는 부담이 큽니다

화면에 보이는 크기로 줄입니다

가로 폭이 실제로 표시되는 크기보다 훨씬 크면 줄여서 올리면 됩니다. 화면에 보이는 폭을 기준으로 잡으시면 됩니다.

줄여도 화면에서 차이를 못 느낍니다. 파일 크기만 크게 줄어듭니다.

무료로 쓰는 도구가 많습니다. 여러 장을 한 번에 줄이는 것도 됩니다.

올리기 전에 한 번만 거치면 되는 작업입니다. 익숙해지면 몇 분이면 끝납니다.

같은 사진이라도 저장 형식에 따라 크기가 다릅니다. 같은 화질인데 절반으로 줄기도 합니다.

형식까지 신경 써야 하나요

제작을 맡기셨다면 알아서 처리해 주는 부분입니다. 직접 올리신다면 한 번 확인해 볼 만합니다.

투명한 배경이 필요한 로고와 일반 사진은 적합한 형식이 다릅니다.

한 페이지에 사진을 스무 장씩 넣으면 아무리 줄여도 무거워집니다.

대표 몇 장을 고르고 나머지는 다른 페이지로 나누는 편이 낫습니다.

비슷한 사진을 여러 장 넣는 것은 도움이 되지 않습니다.

보여 주려는 것이 무엇인지 정하면 장수가 줄어듭니다. 많이 보여 주는 것과 잘 보여 주는 것은 다릅니다.

동영상을 배경으로 쓸 때

첫 화면에 영상이 깔린 사이트가 있습니다. 보기에는 좋습니다. 요즘 많이들 쓰는 방식이기도 합니다.

다만 용량이 크고 휴대전화에서는 잘 안 돌아가는 경우가 있습니다.

모바일에서는 사진으로 바꿔 보여 주는 방식을 쓰기도 합니다.

쓰실 것이라면 모바일에서 어떻게 되는지 먼저 확인하십시오

무료로 측정해 주는 도구들이 있습니다. 주소를 넣으면 점수와 함께 무엇이 문제인지 알려 줍니다.

점수 자체에 매달리실 필요는 없습니다. 무엇이 무겁다고 나오는지만 보시면 됩니다.

대개 이미지 항목이 가장 위에 나옵니다.

고친 뒤에 다시 재 보면 차이가 눈에 보입니다. 숫자가 움직이면 무엇을 해야 할지도 분명해집니다.

사진의 설명도 넣습니다

이미지에 설명을 붙이는 자리가 있습니다. 화면에는 안 보이지만 검색에서 쓰입니다. 이미지 검색으로 들어오는 경우도 있습니다.

사진이 안 열릴 때 대신 표시되기도 합니다.

파일 이름도 의미 있게 지어 두면 도움이 됩니다.

한 장 한 장 할 필요는 없고, 중요한 사진부터 하시면 됩니다.

크기를 줄이고, 장수를 줄이고, 형식을 맞추고, 재 봅니다.

제작을 맡기셨다면 이 작업이 포함인지 물어보시면 됩니다.

전주에서 직접 사진을 올려 관리하고 계시다면 올리기 전에 줄이는 습관 하나만 만드셔도 크게 달라집니다.

화면마다 다른 크기를 씁니다

휴대폰과 컴퓨터에서 필요한 사진 크기가 다릅니다.

큰 사진 하나를 양쪽에 쓰면 휴대폰에서 손해를 봅니다.

요즘 방식은 화면 크기에 맞는 것을 골라서 내려 주는 구조입니다.

직접 만드시는 경우라면 최소한 가로 폭만이라도 줄여 두십시오.

한 번 올리고 몇 년째 그대로인 곳이 많습니다.

계절이 보이는 사진은 특히 티가 납니다. 겨울 사진이 여름에 걸려 있으면 그렇습니다.

분기에 한 번은 대표 사진만이라도 바꾸시는 것을 권합니다.

찍어 둔 게 없으면 그때부터 못 바꾸니, 찍을 때 여유 있게 찍어 두시는 게 좋습니다.

촬영을 하실 것이라면 가로로 찍어 두시는 편이 쓰기 좋습니다. 세로 사진은 넓은 화면에서 자리를 잡기 어렵습니다.

같은 자리를 여러 각도로 찍어 두면 나중에 고를 수 있습니다.

사람이 나오는 사진은 동의를 받아 두셔야 합니다. 직원이 바뀌면 교체할 일도 생깁니다.

원본은 따로 보관하고 줄인 사진을 올리는 방식이 편합니다

#홈페이지속도 #이미지최적화 #모바일 #사이트관리아비컴퍼니 드림