Format apa yang mendukung animasi yang cocok untuk web dan apa pro dan kontra dari masing-masing.
image-format
animation
Alinium
sumber
sumber
Jawaban:
Tergantung pada jenis animasi yang Anda butuhkan.
sumber
<canvas>
animasi pada dasarnya adalah JavaScript - itu hanya format berbeda yang dapat digunakan untuk menggambar. Jika Anda ingin lebih tepat, Anda harus membedakan antara menjiwai elemen HTML, SVG (yang menggunakan raphael.js) dan HTML5<canvas>
Ini adalah tambahan dari jawaban bagus Virtuosi Media:
Apple baru-baru ini menggunakan gambar JPEG dan PNG untuk animasi di situs mereka. Mereka menggunakan JavaScript untuk mengganti gambar. Ini adalah teknik yang hebat jika Anda tidak memiliki terlalu banyak bingkai, memerlukan dukungan transparansi alfa, ingin animasi untuk ditempatkan pada halaman dan jika Anda ingin dukungan browser yang luas. Kelemahannya adalah ukuran dan upaya pengunduhan.
Ini juga bisa interaktif. Jika Anda menggulir ke bagian Smart Cover dari halaman iPad Apple, Anda dapat melihatnya beraksi: http://www.apple.com/ipad/features/
sumber
Saat overlay gambar yang berisi transparansi di atas gambar animasi pada lapisan di bawah gambar. Anda akan menemukan bahwa PNG24 adalah satu-satunya format gambar di mana anti-aliasing berpadu dengan benar dengan gambar latar belakang. Dengan GIF dan PNG8 Anda akan menemukan bahwa semua tepi Anda tebal. Tidak terlihat sangat bagus, tetapi sangat mudah untuk dilewatkan.
sumber