2012-11-24 3 views
3

많은 이미지와 많은 jquery 애니메이션이 포함될 웹 사이트를 만들고 있습니다. 한 페이지에는 여러 섹션이 있으며, 각 섹션에는 20 개의 이미지 격자가있는 전경이 있고 jquery.animate()를 통해 주기적으로 자동 배치되고 시차 스크롤이 적용되는 배경 이미지가 있습니다.jquery.animate()의 성능 - 이미지 크기 크기 대 이미지 크기 크기

때로는 애니메이션에서 끊김 현상이 발생합니다. 그래서 나는 최적화 할 방법을 찾고 있습니다. 콘텐츠 담당자가 고품질 이미지를 업로드하고 있습니다. 품질을 낮추라고 요청하고 싶습니다. 내가 그렇게하기 전에

, 나는 다음의 각 애니메이션의 성능에 어떻게 영향을 미치는지 궁금, 하나는 다른 것보다 더 중요한 경우 :

  • 이미지 파일 크기
  • 이미지 치수 크기
  • 다른 이미지를 고려하는 속성

사람이 가장 애니메이션의 성능에 영향을 미칩니다 기반으로하는 이러한 고려 사항의 우선 순위를 할 수 있습니까?

+0

이미지가 모두로드되었다고 가정 해 봅시다. 애니메이션을 부드럽게하는 데 관심이 있습니다. 여전히 파일 크기라고 생각하십니까? 어쩌면 파일 크기가 더 많은 메모리가 필요하다는 것을 의미하기 때문에? – John

답변

1

파일 크기는 애니메이션 프레임 속도에 영향을 주어서는 안되며 다운로드 시간에만 영향을 주어서는 안됩니다. 더 많은 픽셀이 애니메이션화되면 애니메이션이 어려워집니다. 예를 들어, 100x100px 이미지는 10,000px로 애니메이션을 적용하고 500x500px 이미지는 250,000 픽셀로 애니메이션을 적용합니다. 제가 당신의 모든 질문에 답을하지 않았다면 알려주세요.

질문에 대한 귀하의 의견에 답하십시오 : 이미지가 렌더링되면 이미지가 png, jpg 등이 아닌지 상관 없습니다.

관련 문제