나는 작은 로딩 이미지에 Gifs을 사용했습니다. 비정기적인 투명성 문제와 8 비트 색상을 제외하고는 큰 성과를 올렸습니다. 이제 최근에 APNG에 대해 알게되었습니다. 하지만 내가 그것을 사용해야하는지 모르겠다. 브라우저 지원이 충분합니까? 그리고 파일 크기는 어떻습니까? 큰 gif 이미지는 이미 큰 파일 크기를 가지고 있습니다 ...APNG 대 GIF. 어떤게 더 좋아?
답변
저는 GIF를 확실히 사용합니다. 전에는 APNG에 대해 들어 보지 못했지만 지금은 내 연구에서 거의 만장일치로 지원되지 않는 것 같습니다. Internet Explorer와 Chrome에서 지원하지 않는 것 같아서 은 사용자에게는 쓸모없는 것 같습니다. 심지어 이인데도 내 연구가 잘못 되었더라도 여전히 가장 최신 버전 일뿐입니다. 그리고 매우 실용적인 대안이있는 곳에서 나는 그 위험을 그만한 가치가 있다고 생각하지 않을 것입니다. 그리고 IE의 최신 버전이 내가 본 예제 APNG 파일 중 하나에서 작동하지 않는다는 사실을 알고 있습니다.
/그게 잡는다면 몇 년 후에 좋겠지 만, 지금은별로 좋은 생각이 아닙니다.
참고로 iOS Safari 및 Mac Safari와 같은 브라우저 지원이 추가되었습니다. APNG는 GIF보다 파일 크기가 작으므로 트래픽이 많은 사이트 인 경우 기본적으로 WEBP 또는 JPEG-XR을 해당 형식을 지원하는 브라우저 하위 집합 (Chrome, IE 11, Edge 등) – LearningFast
2017 년 3 월 14 일 Chrome은 기본적으로 APNG를 기본적으로 지원합니다. https://chromium.googlesource.com/chromium/src/+/7d2b8c45afc9c0230410011293cc2e1dbb8943a7 – Augustin
GIF가 너무 작아서 삭제할 수 있습니다. 이제 모든 브라우저가 APNG를 지원합니다. 우리는 더 나은 것을 활용하기 시작합니다. – Royi
나는 APNG가 더 좋다고 생각합니다. 24 비트 및 8 비트 투명성을 지원합니다. 또한 Mozilla Firefox, Chrome, Safari (https://caniuse.com/#feat=apng 참조)와 같은 브라우저에서도 지원됩니다.
Chrome은 2017 년 3 월 14 일부터 APNG를 기본적으로 지원합니다. https://chromium.googlesource.com/chromium/src/+/7d2b8c45afc9c0230410011293cc2e1dbb8943a7 – Augustin
Chrome 베타는 2017 년 4 월 29 일부터 애니메이션 PNG에 대한 지원을 추가합니다. Chrome 59이 출시 될 때까지이 모든 기능을 완벽하게 지원할 것으로 기대됩니다. –
Apng이 더 좋은 형식입니다. GIF와 apng은 모두 손실이 없지만 apng은 작아지고 품질은 우수합니다 (더 많은 색상과 투명성을위한 기능). 불행히도 apng은 대부분 지원되지 않지만 변경 될 수 있습니다. 잘만 apng 잡는다.
Ehem ... GIF는 무자비하지 않습니다. 애니메이션의 경우 프레임 당 256 색 팔레트 만 지원합니다. –
256 색 이미지의 경우 GIF가 무손실입니다. JPEG는 256 색에서도 무손실이 아닙니다. 그러나 일반적으로 256 색 미만의 로고의 경우 GIF가 무손실 대체물로 오랫동안 사용되었습니다. JPEG가 가장자리를 부드럽게했기 때문입니다. – Trendfischer
우리가 파일 크기에 초점을 맞추면 애니메이션 PNG가 GIF보다 낫습니다. 더 작은 파일 크기를 달성하는 것이 APNG 형식이 설계된 이유 중 하나였습니다. 이 image comparison test data에서 모든 이미지에 대해 APNG가 GIF보다 작음을 알 수 있습니다.
이 질문을 받았을 때보 다 현재 more browser support (2016 년 6 월)입니다. iOS Safari는 이제 APNG (버전 8 이후)를 지원합니다. 이것은 꽤 큰 사용자 기반입니다. 따라서 APNG를 Firefox 데스크톱 및 Android, Safari 데스크톱 및 iOS에 게재하고 다른 모든 브라우저에 GIF를 제공 할 수 있습니다.
모질라에는 일부 good demos here이 있습니다.
Mozilla 링크가 작동하지 않습니다. –
- 1. WSDL 대 DLL입니다. 어떤게 더 좋아?
- 2. Qt4와 JavaFX. 어떤게 더 좋아?
- 3. solr 또는 스핑크스? 어떤게 더 좋아?
- 4. Gzip 또는 ob_flush()? 어떤게 더 좋아?
- 5. 서블릿 응답 쓰기와 인쇄? 어떤게 더 좋아?
- 6. CSS 센터링 방법의 차이점. 어떤게 더 좋아?
- 7. 임시 참조 만들기, 재사용? 어떤게 더 좋아?
- 8. DataTable 또는 IList? 어떤게 더 좋아?
- 9. IE의 GIF 및 APNG 이미지
- 10. getter와 setter의 두 가지 방법의 차이점은 무엇입니까? 어떤게 더 좋아?
- 11. 소켓 read() 입력 스트림의 두 가지 예제입니다. 어떤게 더 좋아?
- 12. CSS : #id .class VS .class 성능. 어떤게 더 좋아?
- 13. HTML을 PHP로 이스케이프 처리하거나 에코를 사용 하시겠습니까? 어떤게 더 좋아?
- 14. Tableau를위한 다양한 데이터 소스를 사용하는 MySQL 대 PostgreSQL. 어떤게 더 좋아?
- 15. conf 변수를 공유하거나 두 개의 작업을 사용하고 있습니까? 어떤게 더 좋아?
- 16. 토글 플래시 : 숨기기 및 중지 또는 삭제 하시겠습니까? 어떤게 더 좋아?
- 17. BroadcastReceiver를 자체 클래스로 사용하거나 활동 또는 서비스 클래스에서 내부적으로 인스턴스화 하시겠습니까? 어떤게 더 좋아?
- 18. switch 문을 상수 또는 열거 형과 함께 사용 하시겠습니까? (어떤게 더 좋아)? C#
- 19. Swing을 사용하여 애니메이션 PNG (apng) 표시?
- 20. 애니메이션 GIF 대 jQuery 애니메이션 성능
- 21. PrintWritter print()를 여러 번 호출하거나 문자열을 추가 한 다음 한 번만 인쇄하는 것의 차이점은 무엇입니까? 어떤게 더 좋아?
- 22. QT5 지원 애니메이션 PNG (apng)
- 23. APNG 이미지의 메타 데이터 얻기
- 24. 종류의 객체 후 더 subsort - 좋아
- 25. haml 대 haml-rails
- 26. 대 캔버스 대 webGL 대 CSS 3d -> 선택할 수 있습니까?
- 27. gif 파일을 쓰려면 Android에 시간이 더 필요합니다.
- 28. 더 많은 gif 사진을 동기화하는 방법은 무엇입니까?
- 29. GIF 애니메이션보기
- 30. apng 패치로 libpng에서 'SKIP'/ 'SEEK'동작을 수행하는 방법
이 질문은 프로그래밍이 아닌 이미지 형식에 관한 주제이므로 다루지 않습니다. –
웹 디자인 과정의 일부라고 생각합니다. 프로그래밍 질문에만 Stackoverflow가 있습니까? 그렇다면 왜 CSS와 HTML 질문이 있습니까? – Ruchan
HTML/CSS는 언어입니다. GIF가 아닙니다. –