반응 형 웹 사이트는 귀하의 비즈니스에 결정적인 요소입니다. 반응 형은 모든 주요 장치에서 브랜드 및 웹 사이트와의 일관성을 유지하는 쉬운 방법을 제공합니다. 그리고 반응 형 웹 사이트의 배너를 올바르게 선택해야합니다. 휴대 전화로 웹 사이트를로드하려고 시도한 적이 있습니까? 이는 사이트가 반응이 없거나 모바일 친화적 인 경우에 발생합니다.

이미지는 반응 형 웹 사이트에서 가장 좌절하는 부분 중 하나입니다. 특히 배너 / 전체 너비 이미지. 이것들이 가장 해칠 수있는 것들입니다. 또는 화면에 올바르게 표시되지 않습니다. 왜 이런 일이 일어나는 걸까요? 이를 이해하기 위해 귀하의 웹 사이트가 응답 성이 있어야한다는 것을 설명합니다. (더 자세한 내용은 위대한 고문 사이트의 모습입니다. )

- 대답 ->

반응의 열쇠

반응이있는 웹 사이트는 웹 사이트의 크기를 가로로 축소합니다. 즉, 웹 사이트가 가로로 변경되면 웹 사이트의 모든 내용이 다시 배치됩니다. 이것이 유체 레이아웃이라고 불리는 것입니다. 반응 형 웹 사이트는 기기에 따라 크기를 변경하고 레이아웃을 변경하기 때문에 페이지가 반응이 없으면 웹 사이트 이미지의 모든 세부 정보를 볼 수 없습니다. 배너는 매우 커서 거의 항상 세부 사항으로 가득하기 때문에 특히 어렵습니다.

아래에서는 Advisor 웹 사이트에서 반응 형 이미지 배너를 선택할 때 몇 가지 모범 사례를 제공했습니다.

반응이있는 웹 사이트의 배너를 선택하는 방법

사진의 크기가 너무 작지 않은지 확인하십시오. 반응 형 웹 사이트의 배너 이미지는 최상의 이미지 품질을 위해 최소 2000x600 픽셀 이상인 것이 좋습니다. 이 크기보다 작 으면 (너비 또는 높이의 경우) 흐린 이미지가됩니다. 이미지가 클수록 우리는 주변을 놀고 배너의 오른쪽 부분을 잘라야합니다.

초점이없는 이미지를 선택하십시오. 풍경과 같이 주요 초점이없는 배너 이미지를 선택하는 것은 웹 사이트 배너에 가장 적합한 이미지 중 하나입니다. 장치에 관계없이 뷰어는 이미지의 세부 사항을 구별 할 수 있습니다. 초점이 없기 때문에 웹 사이트의 장치 크기를 어떻게 조정할지 걱정하지 않고 이미지를 배치 할 수 있습니다. 다음은 몇 가지 예입니다.

보시다시피 이미지가 수평으로 축소되지만 가로가 너무 커서 클라이언트는 배경이 무엇인지 계속 볼 수 있습니다.

초점이있는 이미지 선택. 웹 사이트에있는 사람이나 물건의 사진을 중점적으로보고 싶다고 가정 해 보겠습니다. 초점이있는 사진을 사용할 때는 초점을 이미지의 중심에 두는 것이 매우 중요합니다. 반응 형 배너 이미지는 수평 방향으로 축소되기 때문에 이미지의 측면 (공백)이 많이 손실됩니다. (관련 독서는 이 한 가지는 자문 회사의 웹 사이트를 망칠 수 있습니다. )

예에서 바위와 개인이 이미지의 중심에 있음을 볼 수 있습니다. 이렇게하면 깨끗하고 크기가 조정 된 이미지를 볼 수 있습니다.

무엇보다 귀하의 이미지를 테스트하십시오. 이미지를 테스트하는 가장 좋은 방법은 웹 사이트에서 이미지를 시험해 보는 것입니다. 이미지를 테스트하면 어떤 사진 유형이 작동하고 작동하지 않는지 이해하는 데 도움이됩니다. 직접 시도하거나 멋진 지원 팀과 함께 작업 할 수 있습니다. (관련 독서는 귀하의 웹 사이트 컨텐츠가 고객을 유인 할 수있는 방법 참조) -이 기사는 Shaheen Mahani에 의해 작성되었으며 Advisor 웹 사이트에 처음 나타났습니다.