이미지의 작은 부분을 움직이게하고 싶습니다. 그래서 기본적으로 이미지의 대부분은 정적으로 유지 될 것이고 작은 섹션 만 움직이게 될 것입니다. 이것은 애니메이션 GIF로 할 수 있지만 더 나은 대안이 무엇입니까? APNG가 대부분의 브라우저에서 잘 지원되는지 잘 모르겠습니다. 이 작업을 수행 할 jQuery 플러그인이 있습니까?이미지의 일부 애니메이션 : 애니메이션 GIF 대신 사용할 수있는 더 나은 방법이 있습니까?
APNG는 GIF와 같이 이미지의 일부를 애니메이션 처리 할 수 있으며 256 색 및 1 비트 투명도로 제한하는 GIF와 달리 수백만 개의 색상을 가진 샘플 RGBA 당 8 비트를 허용합니다. APNG는 브라우저에서 제대로 지원되지 않습니다. 아마도 WebP의 최신 버전은 애니메이션을 지원합니다.
곧 출시 될 Chrome v59에서 APNG가 지원됩니다. Firefox, Safari iOS는 이미 APNG를 지원합니다. 그러나 Internet Explorer, Edge 또는 Opera에서는 아직 지원되지 않습니다.
WebP도 애니메이션을 지원하지만 브라우저는 현재 Chrome 및 Opera에서만 지원됩니다.
모든 주요 브라우저가 애니메이션 이미지 형식을 지원할 때까지 GIF를 사용해야합니다.
GIF 애니메이션은 실제로 변경되는 부분 만 저장하므로 하나의 큰 이미지를 사용하는 것이 좋습니다.이 이미지가 JPEG가 아닌 사진 인 경우는 예외입니다. 이 경우 애니메이션 부분이있는 작은 GIF가 더 좋을 것입니다. JavaScript/jQuery는 마술 같은 것이 아닙니다. CSS apsolute 포지셔닝을 사용하면 큰 이미지 위에 올바른 위치에 애니메이션 GIF를 배치 할 수 있습니다. – RoToRa