animation - perder - ¿Pueden las imágenes jpg admitir animación?

video en animate cc

Question

imagen jpeg

¿Cómo se anima la imagen de jpg anterior? Por lo que sé, el formato jpg no es compatible con la animación.

Answer 1

Es una imagen GIF ... la extensión ha sido cambiada a mano. El motor del navegador es lo suficientemente inteligente como para determinar el formato de la imagen independientemente de la extensión del archivo.

Answer 2

No, el formato de archivo JPEG no tiene soporte inherente para la animación.

La imagen que vinculó es en realidad un GIF animado disfrazado con una extensión de archivo jpg . (El navegador aparentemente ignora incluso el tipo MIME y mira los bytes del encabezado del archivo en tales casos).

Answer 3

Para completar, me gustaría señalar que hay Motion-JPEG , una especie de animación jpg.

Los MJPEG, generalmente producidos por cámaras web, son una secuencia de archivos JPEG concatenados juntos, uno tras otro, a veces delimitados por un encabezado HTTP, y servidos por webcam-webservers con un tipo MIME de multipart / x-mixed-replace; boundary = , donde boundary = define el delimitador.

Una búsqueda de proyectos relacionados con JPEG animados en github da como resultado dos hallazgos:

1. En caso de que las personas se preocupen por el tamaño de un GIF animado, lo separan en marcos JPG separados y le dicen al navegador que intercambie estos marcos en el lugar a través de algún código JavaScript. Por example . (La respuesta de Pawel )

2. Entonces, en realidad, hay un estándar propuesto de JPEG animado , que se deriva de MJPEG y declara la velocidad de fotogramas y demás en cada fotograma JPG. No es probable que llegue a los navegadores en el corto plazo.

Y, por último, he visto hosters de imágenes para reemplazar grandes GIF animados con una versión mp4 del GIF para su presentación, más algunos Javascript para servir el GIF real para descargas / navegadores no compatibles.

Y no, JPEG, a través de JFIF, no ofrece la posibilidad de animar un archivo JPG en sí mismo, tal como ya lo señaló en la respuesta elegida. :encogimiento de hombros:

Answer 4

Sí, puedes hacer animaciones usando solo jpeg. Google "jpeg css sprites". Por supuesto, esto no será compatible con animación nativa en formato jpeg.

Answer 5

Si abre ese archivo como binario (en el editor de texto) verá que la primera línea contiene GIF89add˜| ¿Cuál es el número mágico para GIF?

Answer 6

Si ve la imagen en Firefox, puede hacer clic derecho sobre ella y seleccionar propiedades:

Verás Type: GIF image (animated, 54 frames)

Por lo tanto, es una imagen gif que ha sido renombrada a .jpg.

Answer 7

var c = 1;

/* Preloading images */
var image1 = new Image();
image1.src = "a1.jpg";
var image2 = new Image();
image2.src = "a2.jpg";
var image3 = new Image();
image3.src = "a3.jpg";
var image4 = new Image();
image4.src = "a4.jpg";
var image5 = new Image();
image5.src = "a5.jpg";

function disp_img(w)
   {
   if (c == 6)
      {
      c = 1;
      }
   var img_src = "a" + c + ".jpg";
   document.ani.src = img_src;
   c++;
   }
t = setInterval("disp_img(c)", 1000);