본문 바로가기

티스토리|애드센스

구글에서 받은 권장사항 - 이미지 용량 문제





애드센스 수입이 얼마나 되나 한번 접속해 보니 이게 무슨 날벼락인가. @@ 아래와 같은 공지사 애드센스 홈에 떠 있는 것이 아닌가. 아래 블로그를 방문해 보면 알겠지만, 열린영어 블로그는 페이지뷰를 늘이기 위해 삽입해 놓은 각종 링크와, 애드센스 광고로 도배가 되어 있다. @@ 



아마 심어놓은 이미지들을 불러오는 과정에서 무슨 문제가 발생했나 보다. 이글을 보시는 블로거 여러분들도 블로그에 심어 놓은 이미지 크기 다시 한번 체크해 보세요.




http://mediglish.tistory.com/





웹사이트에서 크기가 조절된 이미지 제공하기

귀하의 사이트에서 가장 많은 광고가 게재되는 웹페이지 중 일부를 분석한 결과 일부 사용자의 이용 만족도에 심각한 영향을 줄 수 있는 페이지 속도 문제가 발견되었습니다. 귀하의 웹사이트 페이지 중 조회수가 많은 페이지에서 표시되는 크기보다 해상도가 훨씬 더 높은 이미지를 가져오면서 클라이언트 대역폭과 리소스를 낭비하고 있습니다. 이 문제를 해결하는 방법에 대해 알아보기



웹사이트에서 크기가 조절된 이미지 제공 개요


이미지를 크기를 적절하게 조절하면 데이터 바이트 수를 크게 줄일 수 있습니다.




하나의 이미지를 다양한 크기로 표시해야 하는 경우, 하나의 이미지 리소스를 제공 받아 이미지가 포함된 페이지에서 HTML 또는 CSS를 사용하여 이미지 크기를 조절합니다. 예를 들어 250 x 250의 대형 이미지에 10 x 10 미리보기 이미지 버전이 있는 경우, 2개의 파일을 각각 제공하는 대신 마크업을 사용하여 미리보기 이미지 버전의 크기를 조절하십시오. 실제 이미지 크기가 페이지 상의 여러 인스턴스 중 가장 큰 크기와 일치해야 합니다(이 경우 250 x 250픽셀). 단, 모든 마크업 인스턴스에 사용하는 크기보다 큰 이미지를 제공하는 경우, 네트워크를 통해 불필요한 바이트를 전송하게 됩니다. 이미지 편집기를 사용하여 페이지에서 필요한 가장 큰 이미지 크기에 맞춰 이미지 크기를 조절해야 하며, 페이지에 해당 크기로 지정되어 있는지 확인해야 합니다.