Looking for CONTRIBUTERS!!!
July 3rd, 2008
We are looking fro people who like to contribute to the AnimatedPNG project. If you would like to submit apng’s, articles, tutorials, or anything please contact : newstop (a) gmail dot com , brotherbrendan (a) gmail dot com.
July 8th, 2008 at 8:34 am
Hi, one which I made for testing APNG Assembler.
http://i96.photobucket.com/albums/l197/DonJohnDoe/xtra/animated.png
Use it or lose it
Thanks for APNG Assembler, really cool tool!
Greetz
DJD
July 14th, 2008 at 7:45 am
Apng water ripple:
http://img244.imageshack.us/img244/3549/slideplayfe9.png
See details on my blog: http://slideplay.blogspot.com
July 14th, 2008 at 8:52 am
DJD and Steve,
Thanks for contributing! We have posted them under samples!
- Brendan
September 9th, 2008 at 12:22 pm
Here’s a run cycle for a character in my game.
http://i34.tinypic.com/2qld3yu.png
December 15th, 2008 at 7:37 pm
We need a Gimp APNG plugin !
I’ve been using APNG for an ISS animation …. http://forum.nasaspaceflight.com/index.php?topic=15127
The original images were jpeg, low quality. So I needed something that would retain as much as possible. I could not get GIF to stop reducing the quality so resorted to APNG. Another application is MER rover animations … consecutive frames from the camera that can be made into a video.
January 25th, 2009 at 9:11 pm
Anyone have a library for adding APNG files to java applications with swing gui?
I’ll maybe get to writing one if I’m not feeling to lazy and can understand how the format works, last time I tried making an assembler for php, it failed.
February 20th, 2009 at 9:17 am
I’m glad to share my first APNG skin:
link 1: is just a preview (6 frames out of 10 for size limits)
http://i674.photobucket.com/albums/vv101/frankelll/animation-1.png
link2: the full version part of the FIREfox3 InColorsPack
http://www.wincustomize.com/skins.aspx?skinid=15351&libid=29
thanks for the project + go on with your great work
March 7th, 2009 at 11:39 am
I would like to contribute my APNG feature detection JavScript code that assists in finding out if a browser supports APNG images. It does not use navigator.userAgent sniffing and instead uses the HTML 5 API to detect if a browser supports APNG.
Here is the JavaScript code:
(function(_global) {var apng_test = new Image(),
ctx = document.createElement("canvas").getContext("2d");
apng_test.src = "apng-test.png"; // a data URI will cause a security error so you _have_ to link to an external resource
// frame 1 (skipped on apng-supporting browsers): 0,0,0,255
// frame 2: 0,0,0,0
apng_test.onload = function() {
ctx.drawImage(apng_test, 0, 0);
_global.apng_supported = ( ctx.getImageData(0, 0, 1, 1).data[3] == 0 );
}
})(this);
The code requires an external APNG image for testing browser APNG support, which can be downloaded at http://code.eligrey.com/apng-detect/apng-test.png.
I also wrote a blog post about this last Tuesday at http://eligrey.com/2009/03/03/apng-feature-detection/.
April 11th, 2009 at 11:55 am
Here is a 3D cubed logo I made with after effects .
http://blog.wardelldesign.com/wp-content/uploads/2009/04/wanimated.png
You can view a comparison gif in my blog post about apng.
http://blog.wardelldesign.com/web-standards/web-animation-apng/
August 5th, 2009 at 9:20 am
Just stumbled across your project. My initial reaction is this is AWESOME—finally we can get the animation of a gif meshed with the much higher quality transparency of a png(!)
I ran a test through the Assembler and got this result:http://images.ideas-now.com/apngtests/animated.png
There’s some obvious drawbacks…browser support is a big concern (but who knows when IE will play ball with the rest of the world). Safari surprisingly also does not play the animation.
File size is much larger…in this example the png (686kb) was astronomically larger than its gif counterpart (18kb). FYI…the png without animation is 32kb.
But all in all, we’ve got a successfully animated PNG! Great work guys =)
August 7th, 2009 at 1:13 am
Optimization is important for APNG.
Here’s your example, Ben, in 50kb:
http://img41.imageshack.us/img41/8426/anim.png
August 23rd, 2009 at 2:03 am
http://www.deviantart.com/download/134404615/Animated_PNG_by_ShnitzelKiller.png
Ripples and gradient alpha channel on a checker thingy…
September 5th, 2009 at 1:39 pm
As a shameless supporter of the APNG format, I must say, we’ve gotta make a Photoshop APNG.8BI plugin.
With that, professionals and other interested users could simply download it and be able to not only create animated PNGs, but also be able to edit ones they’ve already made. No need for users of Photoshop (the current #1 most popular image editing software) to have to download other low-grade apps like GIF MovieGear or even Firefox’s sadly crash-prone APNG Edit. Photoshop already supports animation, it is by no means a far cry to say it is quite doable. Pity most individuals interested (such as myself) have only graphical skills and not programming ones.
Anyone know of any projects currently in existence aiming to make a Photoshop plugin?
September 16th, 2009 at 2:19 pm
Man…I been trying to figure out how to create animated png’s for my cursor site. Since cursors support alpha transparancy but gif’s don’t I can’t properly create a “preview” image for my visitors. It looks pretty crappy and choppy.
The problem I have with animated png is the size…why and how does making something animated with 2 frames increase the size up to 10 folds or even way more than that.
What was once a 2kb file suddenly a 80kb file or 200kb file? Kinda crazy.
September 16th, 2009 at 3:56 pm
“Firefox InColors” is my contribution:
http://i674.photobucket.com/albums/vv101/frankelll/animation-1.png
this Apng is only 6 frames out of 10 for uploading issue
but here you can find the free full version download:
http://www.wincustomize.com/skins.aspx?skinid=15351&libid=29
enjoy !
September 17th, 2009 at 9:25 am
I’ve been using APNG to show a lot of my animations I work on.
Lots of high quality samples here:
sewje.deviantart.com
September 18th, 2009 at 1:11 pm
Hi, here’s 2 examples i made:
http://amoebios.wikispaces.com/file/view/qwux_anim.png/89385827
http://amoebios.wikispaces.com/file/view/nexuiz_anim.png/89385905
This animated Nexuiz logo 3D render was done by “Ivan”. Alpha-blended PNG’s created in Gimp.
Both were made with the online APNG Assembler.
September 20th, 2009 at 3:58 pm
As Firefoxmaniac I’m very exited about the Apng format
I already created the FirefoxInColorsPack : http://www.wincustomize.com/skins.aspx?skinid=15351&libid=29
here is the preview (only 6 frames out of 10 for uploading size issue): http://i674.photobucket.com/albums/vv101/frankelll/animation-1.png
hope you like it !
September 21st, 2009 at 6:47 am
Tenka Digi :
Yes, I plan to work on a Photoshop plugin.
M. Cursors :
Not exactly sure why you can’t create a gif preview…
For the size problem I would recommend VDubAPNGMod – load the image sequence, then export to APNG.
Sewje :
Very nice stuff.
October 8th, 2009 at 9:58 pm
Any idea how to change a URL that is displaying the PNGs to match the image you click on?
October 14th, 2009 at 8:32 am
@Max Stepin
If you need any help, let me know. I would be interested in supporting this.
October 14th, 2009 at 11:44 am
Hey guys your website is just great! Suggestion: add screenshots to the “Samples” section
Is there any tuts out there about using the GIMP to generate APNGs? I want to convert this little sketch i did in Blender 3D >>>
http://primotico.blogspot.com/2009/05/blog-post_24.html
Thank you!
October 21st, 2009 at 6:10 am
@Nathan Rose
Thanks.
If you know of any similar Photoshop format/export plugins, I would like to take a look. It would help a lot.
By similar I mean it should be able to handle layers.
December 10th, 2009 at 5:46 pm
On the Google Chrome website, there is a Suggestions thread requesting the APNG format. You guys might want to add your two cents:
http://www.google.com/support/forum/p/Chrome/thread?tid=5600f3ae8ece44d8&hl=en