Please register or login. There are 0 registered and 1356 anonymous users currently online. Current bandwidth usage: 326.30 kbit/s December 17 - 01:07am EST 
Hardware Analysis
      
Forums Product Prices
  Contents 
 
 

  Latest Topics 
 

More >>
 

    
 
 

  You Are Here: 
 
/ Forums / Programming /
 

  how do i create animated JPEG's? 
 
 Author 
 Date Written 
 Tools 
Sherome D May 15, 2010, 02:39am EDT Reply - Quote - Report Abuse
Private Message - Add to Buddy List Replies: 6 - Views: 31145
I've recently discovered animated jpg's but haven't quite got that far into creating something I can use.

I've found a java applet/script that allows me to animate jpgs as such but it's not clickable like the one below

http://sphotos.ak.fbcdn.net/hphotos-ak-sjc1/hs298.snc3/28584_3...5531_n.jpg

looking at the above link it's using gif elements but I'm not sure how....

Any ideas?


Thanks


Want to enjoy fewer advertisements and more features? Click here to become a Hardware Analysis registered user.
<a class= May 15, 2010, 03:59am EDT Reply - Quote - Report Abuse
Private Message - Add to Buddy List  
>> Re: how do i create animated JPEG's?

_______________________________________________________
3930K @ 5.00Ghz | GA-X79-UD3P | 16Gb DDR3 | GTX770 | W7 x64
micro May 15, 2010, 10:44am EDT Reply - Quote - Report Abuse
Private Message - Add to Buddy List  
>> Re: how do i create animated JPEG's?
@sherome D

The link that you posted isn't an animated jpeg. It is actual animated video most likely animated via adobe Photoshop.

I assume that what you are asking can be animated via "gimp", a free paining program.
http://www.gimp.org/downloads/

A jpeg or video is animated when it is converted to a "GIF". Either through conversion of a video, or jpeg.

I have made a couple of videos on how to do this via Photoshop and uploaded them to youtube. If you search, you may be able to find some on how to do this with gimp.
http://www.youtube.com/watch?v=_KpcZ9SF02Y

I also made a video on how to use Photoshop with After effects (another program) to make a smoother jpeg like version. Youtube also has a how to make from video, if you search for it. Good luck, keep us posted on your progress.

GA-Z68X-UD3H-B3, 2600k @ 4.0
16 gig Corsair Vengeance
Evga gtx 260 216, samsung 2253lw"
Baracuda 7,200.12 CoolerMaster 212 +
Win 7 64, fsp fx700-gln, Razer DA,G15
Evil is powerless if the good are unafraid
Silence in the face of evil is it's self Ev
May 15, 2010, 11:45am EDT Reply - Quote - Report Abuse
Private Message - Add to Buddy List  
>> Re: how do i create animated JPEG's?
Sherome D (89986) said on May 14, 2010 at 11:39pm PDT:
http://sphotos.ak.fbcdn.net/hphotos-ak-sjc1/hs298.snc3/28584_3...5531_n.jpg

Actually, that's just an animated GIF which has been simply renamed to .jpg. Firefox knows (look at the title bar while viewing that image). You can also download it and look at the header.

sovietdoc (48156) said on May 15, 2010 at 12:59am PDT:
http://www.webdevelopersnotes.com/tips/html/animated_jpgs.php3

That's not an animated JPEG, that's just a bunch of normal (still) JPEG's, and JavaScript is cycling through them.

You'll want an animated GIF, as micro said. The limitation there is you can only have 256 colors. GIMP is a good program.

The other (better IMO) option is APNG (Animated PNG), which is animated and lossless:
http://ceslava.com/blog/wp-content/uploads/2008/11/animated.png

It's not supported by all browsers. The above image will be animated if your browser supports APNG, and it will look like a static image (the first frame I believe) if it does not.

micro May 15, 2010, 02:25pm EDT Reply - Quote - Report Abuse
Private Message - Add to Buddy List  
>> Re: how do i create animated JPEG's?
@McFLy

Thanks for the info about apng. i had seen the format floating around some where before.
i will look into it for future endeavours.

GA-Z68X-UD3H-B3, 2600k @ 4.0
16 gig Corsair Vengeance
Evga gtx 260 216, samsung 2253lw"
Baracuda 7,200.12 CoolerMaster 212 +
Win 7 64, fsp fx700-gln, Razer DA,G15
Evil is powerless if the good are unafraid
Silence in the face of evil is it's self Ev
May 15, 2010, 09:07pm EDT Reply - Quote - Report Abuse
Private Message - Add to Buddy List  
>> Re: how do i create animated JPEG's?
micro (52353) said on May 15, 2010 at 11:25am PDT:
Thanks for the info about apng. i had seen the format floating around some where before.

You're welcome. Before you get too involved, check this:
http://en.wikipedia.org/wiki/APNG#Application_support

Web browsers which support APNG:
- Mozilla Firefox as of version 3 (along with SeaMonkey 2 and other Gecko-based applications)
- Opera as of version 9.5

Web browsers which do not support APNG:
- Internet Explorer
- Safari and other WebKit-based browsers such as Google Chrome or Chromium
- Iceweasel and other rebranded Mozilla products by the Debian project


So there's a fairly decent chunk of browsers that would just see your APNG as a static, single-frame image of the first frame. Not that IE's lack of support is a surprise, but I'm a bit surprised by WebKit lagging there (assuming that list is up-to-date, might have to double-check), considering how well it supports HTML5 so far.

And, since I moved to Linux full-time, I figured it was really time for me to learn GIMP, since my only other option would be Photoshop in Wine or a VMware machine. I've been using it today for a few projects, and I have been LOVING it so far. In the past, I only learned how to do a few basic things, but I've been going pretty in-depth today. :_)

edwardallene Apr 18, 2012, 03:36am EDT Reply - Quote - Report Abuse
Private Message - Add to Buddy List  
>> Re: how do i create animated JPEG's?
I have researched on how to create animated jpg and here's what i've got. Check this site and pretty sure it will help you. http://aprivatebeach.com/blog/2009/12/create-animated-jpg-jpeg/


___________________
laptops online


Write a Reply >>


 

    
 
 

  Topic Tools 
 
RSS UpdatesRSS Updates
 

  Related Articles 
 
 

  Newsletter 
 
A weekly newsletter featuring an editorial and a roundup of the latest articles, news and other interesting topics.

Please enter your email address below and click Subscribe.