내 홈페이지를 디자인 할 때 모든 콘텐츠를 제공하는 큰 그림을 중심에 배치하는 것이 좋지 않다는 것이 일반적인 생각입니다. "옳은"방법은 큰 레이아웃 이미지를 여러 개의 작은 배경으로 잘라내 텍스트에 레이아웃 용 CSS 배경 이미지가있는 표준 HTML을 사용하게하는 것입니다.큰 그림을 홈페이지로 사용하는 것이 왜 안 좋은가?
유일한 이유는 큰 이미지가 나쁜 이유는 SEO입니까?
:-) 몇 가지 이유가있다 또한 중요 :
하나의 큰 이미지를 배경으로 계속 사용할 수 있습니다. 텍스트가 위에 어떻게 배치되어 있는지가 완전히 다른 문제입니다. 실제로, 이미지를 잘라 내고 함께 조각들을 결합하는 것은 CSS를 사용하는 것 역시 고통 스럽습니다. 내 경험에 비추어 볼 때 가장 좋은 배경 이미지를 남기고 나머지 레이아웃을 필요에 따라 다른 이미지 나 배경을 사용하여 합성합니다. 레이아웃을 다시 변경할 때 약간의 유연성을 제공합니다.
SEO는 하나입니다. 장애인 접근성은 또 다른 중요한 요소입니다. 스크린 리더는 일반적으로 이미지 내의 텍스트를 읽을 수 없습니다. 페이지로드 시간은 또 다른 시간입니다. 연결 속도가 느린 사용자는 이미지가로드되는 동안 유용한 것은 표시되지 않습니다. 마지막으로 많은 브라우저는 이미지와 같은 리소스를 요청하기 위해 여러 연결을 사용하므로 동시에로드 할 수 있습니다. 이미지가 하나 뿐인 경우 하나의 연결 만 사용할 수 있습니다.
그것은 접근성 또한 나쁜 (스크린 리더, 텍스트 크기 조정, 다른 모니터 크기)
그것은 쉽게 텍스트 내용을 편집 할 수있는 능력을 제거합니다.
웹 개발자의 직업을 찾고 있다면 분명히하지 않을 것이지만, 위의 사항에 대해 정말로 신경 쓰지 않는다면, 그것을 할 첫 번째 사람이되지는 못할 것입니다 ...
업데이트가 지루할 것입니다. 더 이상 CSS의 많은 이점에 의존 할 수 없습니다.
imagea를 사용하여 HTML과 CSS로 쉽게 달성 할 수있는 것을 표현할 이유가 없습니다.
귀하와 귀하의 방문자가 통신 할 수 있도록 웹 사이트를 구성하고 있습니다. 이미지와 플래시는이를 방지합니다.
일반적으로 HTML/CSS와 텍스트로 사이트를 디자인합니다. 표준 수단으로 표현할 수없는 디자인을 추가하려는 경우에만 이미지를 사용합니다. 그러나 이미지를 볼 수 없거나 원치 않는 사람들을 위해 사이트의 품질이 정상적으로 저하됩니다. 이미지를 고급 버전처럼 추가 할 수 있으며 텍스트를 대체 할 수 없습니다.
어떤 이점이 있습니까? 여러 브라우저에서 복잡한 타이포그래피와 레이아웃을 렌더링 할 때 일관적인 결과가 나타 납니까? 오, 기다려 ...-) 그럼에도 – Joey
+1. 유효한 점 :-) – Joey
레이아웃 (언급 된 접근성)에 더 많은 것, 사이트 스타일 - 모든 것을 끌어내는 것보다 훨씬 성취 할 수 있습니다. – pierre