웹이 시각적으로 보이고 비즈니스 웹 사이트의 이미지가 중요하다고 들었습니다.
그러나 그 이미지는 귀하의 웹 사이트 방문자의 징벌이 될 수 있습니다. 평균 웹 페이지에 포함 된 1.7MB 중 1MB는 이미지가 차지합니다.
이것은 초고속 인터넷 연결을 사용하는 데스크탑 컴퓨터에서 방문자에게 많은 문제가되지 않을 수도 있습니다. 그러나 모바일 방문자의 트래픽 증가를 보거나보고 싶은 경우 해당 이미지가 문제가 될 수 있습니다. 이미지가 많은 웹 페이지는 다운로드하는 데 오랜 시간이 걸릴 수 있습니다. 방문자가 좌절하고 사이트를 떠납니다.
$config[code] not found모든 모바일 문제를 해결할 수 있다고 생각하면 반응이 빠른 웹 디자인을 구현했을 것입니다. 반응 형 웹 디자인이 몇 가지 문제를 해결한다는 것은 사실입니다. 작고 좁은 모바일 화면에서 볼 수 있도록 사이트 요소를 자동으로 정렬하고 표시합니다.
그러나 반응 형 웹 디자인은 모든 것에 대한 해답이 아닙니다. 반드시 이미지 다운로드 문제를 해결하지는 않습니다. 반응 형 디자인이라 할지라도 그 중량이 많은 이미지는 여전히 여러 번 다운로드됩니다. 웹 퍼포먼스 스페셜리스트 인 Yoav Weiss가 Opera 웹 사이트에서 간결하게 지적한 것처럼,
"Responsive Web Design RWD는 새로운 브라우저 기능과 CSS 기술을 결합하여 웹 사이트를 표시하는 장치에 맞게 웹 사이트를 만들고 어디서나 이상적으로 보입니다. 이로 인해 개발자는 신뢰할 수없는 장치 탐지에 대해 걱정하지 않고 뷰포트 차원에서 웹 사이트를 생각할 수있었습니다.
그러나 RWD 사이트가 각 장치마다 다르게 보이더라도 대부분의 장치는 모든 장치에 동일한 리소스를 계속 다운로드했습니다. "
새로운
HTML 코드에 대해 잘 모르는 경우 기술적이지 않은 정의가 있습니다. 특수 언어입니다. 웹 사이트 코드에서 장면 뒤에서 사용되는 경우이 언어는 브라우저가 텍스트와 이미지를 표시하는 방법에 대한 지침을 제공합니다. 새로운 그림 요소는 HTML 마크 업 언어 유형입니다. 다음과 같이 작성되었습니다 (Responsive Images Community Group 별). 그림 요소는 반응 적입니다. 이미지, 반응이 없다 디자인. 비 기술적 인 비즈니스 사람들에게는 그 차이가 작게 보일 수 있습니다. 그러나 휴대 기기에서 사이트 실적에 미치는 영향은 중요 할 수 있습니다. ArsTechnica 보고서에 따르면 새로운 마크 업 요소는 풀 사이즈 모니터에서 볼 수있는 이미지 (모바일 장치로 잘 변환되지 않는 이미지)로 인해 발생하는 문제를 해결합니다. 그만큼
브라우저가 그림 요소를 발견하면 웹 개발자가 지정할 수있는 규칙을 먼저 평가합니다. *** 그런 다음 다양한 규칙을 평가 한 후 브라우저는 자체 기준에 따라 최상의 이미지를 선택합니다. 브라우저의 기준에는 설정이 포함될 수 있기 때문에 이것은 또 다른 멋진 기능입니다. 예를 들어, 미래의 브라우저는 페이지상의 어떤 그림 요소가 무엇을 말하든간에 고해상도 이미지가 3G를 통해로드되는 것을 막을 수있는 옵션을 제공 할 수 있습니다. 브라우저가 어떤 이미지가 최선의 선택인지를 알게되면 실제로 이미지를로드하고 좋은 old img 요소에 표시합니다. … 어떻게됩니까? 그림은 img 태그를 래핑합니다. 브라우저가 너무 오래되어서 무엇을 만들 것인지 알 수없는 경우 처음에는 모든 개발자가 새로운 그림 요소를 채택하지 않았습니다. Ars Technica의 이야기는 웹 개발 커뮤니티의 리더들이 $config[code] not found 그러나 문제는 이제 새로운 그림 HTML 요소가 채택되면서 해결 될 것으로 보인다. 그만큼
기업인으로서 중요한 것은 알아야 할 것이 있습니다. 그림을위한 그림 HTML 요소를 구현하는 것은 웹 개발자와 논의 할 내용입니다. 기술적 인 생각을 가진 사람과 do-it-yourselfers는 그림 요소를 사용하는 방법을 배우기 위해 여기에 갈 수 있습니다. Scott Gilbertson이 작성한 훌륭한 글입니다. 부담없이 구현하십시오.
이미지: Shutterstock; RICG 그림 HTML 요소 란 무엇입니까?
요점
