큰 이미지는 큰 문제가! 그들은 수렁 페이지 로딩 시간 및 중얼 엄청난 양의 페이지 공간,신호를 Google 는 당신의 페이지가 느리고,깨고,피해야 합니다. 이것은 당신의 웹 사이트를 사람의 땅으로 보낼 수 있습니다:2 페이지. 익스!광야에서 길을 잃지 않도록 돕기 위해 이미지 크기를 조정하기위한 몇 가지 모범 사례 팁을 생각해 냈습니다., 여기에서 이미지 사용 및 최적화에 대한 조언과 함께 이미지 크기에 대한 지침을 찾을 수 있습니다.
4 에게 묻는 질문에 대해 자신의 이미지 크기
- <리>얼마나 넓은 내 웹 사이트입니까? 웹 사이트 너비가 다양하므로 큰 이미지를 추가하려는 경우 콘텐츠 영역이 얼마나 넓은 지 알고 싶을 것입니다., 이 있었다 많은 시간을 할 때 우리는 말하는 비즈니스 소유자들은 불행하는 방법으로 천천히 자신의 웹 사이트 로딩을 찾기 위해,그들이 추가 5 메가바이트 이미지에는 사이트의 단지 3 메가에 대해 이야기—부하의 지연!
- 내용이 표시 될 페이지에 몇 개의 열이 있습니까? 웹 사이트가 단일 열 디자인 인 경우 작업 할 약 980 픽셀이 있습니다. 그러나 두 개의 열이 있으면 이미지를 640 픽셀보다 크지 않게 유지하고 싶을 것입니다. 이런 식으로,그것은 페이지와 콘텐츠에 대한 귀중한 부동산을 먹지 않을 것입니다.,
- 이미지가 콘텐츠의 초점입니까,아니면 향상입니까? 인포 그래픽을 생성(또는 공유)하면 이미지가 페이지의 초점이됩니다. 이 경우 이미지를 크게 남겨 두어 페이지 전체에서 스프롤 할 수 있도록 완벽하게 허용됩니다. 그러나 시각적 인 흥미를 더하기위한 이미지 일 뿐이라면 이미지를 약 200~250 픽셀 너비로 작게 유지하십시오. 당신은 텍스트가 그 주위를 감쌀 수있는 충분한 공간이있는 전체 열을 차지하지 않도록 충분히 작기를 원합니다.
- 모바일 장치에서 이미지는 어떻게 보입니까?, 데스크톱 웹 사이트 크기와 마찬가지로 모바일 웹 사이트의 크기는 다를 수 있습니다. 이 때문에,당신은 당신의 사이트에 이미지 크기를 사용자 정의해야합니다. 이미지가 모바일 사이트에 너무 큰지 확인하려면 휴대 전화를 들고 이미지가있는 페이지를 엽니 다. 로드 시간에 영향을 미칠 수 있으므로 너무 큰 경우 바로 알 수 있으며 전체 페이지를 차지합니다. 이 경우 돌아가서 축소하고 다시 살펴보십시오. 또한 콘텐츠에 이미지가 필요한지 평가하십시오. 그렇지 않은 경우에,그것은 최고의 수 있습을 떠나 그것을 만드는 내용을 작성 페이지에서 보다 쉽게 읽을 수 있습니다.,
고정 비율을 왜곡
아래,우리는 경우를 연구하는 방법에 대한 이미지는 모바일 장치에 표시. 왼쪽에는 5000 픽셀 너비의 이미지가 있습니다. 뿐만 아니라 그것은 느린 페이지 로딩 시간,하지만 당신이 볼 수 있는 방법을 펼쳐져도 짜 모바일 보기입니다. 오른쪽에,이미지 크기가 조정되었 250 픽셀과를 표시하도록 설정에서 100%너비 모든 장치에서,그래서 그것은 멋을 모두 데스크탑 및 모바일 버전에서 여기입니다.,
-
의 예로는 너무 큰 이미지에서는 모바일 장치입니다. 내용은 어디에 있습니까?! -
여기에는 같은 이미지로 줄어들었습니다. 이제 내용과 이미지를 모두 볼 수있는 공간이 있습니다.
Pro Tip:일반적으로 결코 장소는 거대한 이미지의 상단에서 당신의 콘텐츠입니다., 이것은 독자를 혼란스럽게하여 스크롤을 멈추고 아마도 당신의 경쟁자에게 나아갈 가능성이 더 커집니다!
수축(이 경우 좋은 점!)
당신이 당신의 이미지를 아래로 축소를 시작하기 전에,당신이 원본을 저장해야합니다. 이렇게하면 실수로 너무 작게 만들면 다시 돌아올 수 있습니다. 이미지를 항상 축소 할 수는 있지만 일단 축소되면 확대하는 것은 불가능합니다. 당신이 끝낼 것은 거친,pixilated 이미지입니다. 아니 좋은!따라서 이미지가 2000 픽셀에서 시작하면 500 으로 줄이십시오., 보장,당신이 만들어지지 않은 그것을 너무 작;그런 다음 필요한 경우,다시 축소. 을 찾고 계신 사이의 완벽한 균형을 픽셀 크기와 품질의 이미지 무엇을 사용하는 말쑥한 이미지는 아무도 볼 수 있다?
참고 클라이언트의 포스터는 Web 마케팅:고 싶은 경우에는 더 자세한 지침을 확인,우리의 단계별 지침이 추가하기에,최적화 및 이미지 크기를 조정합니다. DSS 의 사용자 포럼에서이 정보 등을 찾으십시오. 아니면 전화 해! 나는 그 과정을 통해 당신을 걷는 것보다 더 행복 할 것입니다.,
기타 이미지사항
정확하게 할 때,이미지를 높이는 데 도움이 될 수 있습 검색 순위가 있습니다. 제대로 이미지를 최적화하려면,우리는 당신이하는 것이 좋습니다:
- 파일의 이름을 바꿉니다. 스톡 이미지 또는 자신의 원본 이미지를 사용하든 파일 이름을 지정하기 전에 생각해야합니다. “Image4″대신”car crash Dallas”와 같이 좀 더 설명적인 것을 시도해보십시오.”
- ALT 태그를 추가하십시오. 이 짧은 텍스트 조각(일반적으로 20 자 이하 또는 약 3 단어)은 시각 장애인과 Google 봇이 이미지가 무엇인지 이해하는 데 사용됩니다.,
- 캡션을 포함합니다. 이미지 캡션은 웹 사이트에서 가장 많이 읽은 콘텐츠 중 하나이므로 흥미롭고 관련성이 높은 캡션을 추가하는 것을 잊지 마십시오.
- 관련성을 확인하십시오. 이미지는 독자의 참여를 돕고 서면 내용에 깊이를 더할 수 있습니다. 그러나 이미지를 추가하기 위해 이미지를 추가하는 것은 시간 낭비입니다.
를 깊이 파고 얼마나 더 많은 나의 모든 이미지를 게시해야하는 우리의 기사를 읽고,잠금을 해제 SEO 의 잠재력을 당신의 웹 사이트입니다.
이 기사가 도움이 발견되면 facebook 또는 가장 많은 비즈니스 소유자에게 도달 할 것이라고 생각하는 곳 어디에서나 공유해야합니다., 함께 우리는 느린로드 시간을 방지 할 수 있습니다!
