[ home / board list / faq / random / create / bans / search / manage / irc ] [ ]

/apng/ - Animated PNG

RIP in pieces GIF

Catalog

Name
Email
Subject
Comment *
File *
* = required field[▶ Show post options & limits]
Confused? See the FAQ.
Options
Password (For file and post deletion.)

Allowed file types:jpg, jpeg, gif, png, webm, mp4
Max filesize is 8 MB.
Max image dimensions are 10000 x 10000.
You may upload 3 per post.


File: 1412828369276.png (130.74 KB, 304x224, 19:14, Metal Slug shell.png)

 No.11[Reply]

Fuck yeah, APNG.
153 posts and 120 image replies omitted. Click reply to view.

 No.413

File: 1458659864256.png (4.55 MB, 432x432, 1:1, markifire apng firefox.png)

This is good example APNG with true color


 No.414

>>413

Such a large file for such little animation. I think the colors could have been reduced by a substantial amount with no visually distinguishable impact and made it much smaller.


 No.415


 No.420

File: 1460041521385.png (345.36 KB, 600x535, 120:107, rise of the megabanks.png)


 No.421

File: 1460613616193.png (44.19 KB, 270x180, 3:2, Guilty Gear charades.png)




File: 1459470658529.png (458.48 KB, 350x196, 25:14, magic.png)

 No.417[Reply]

I modified that script that animates agif thumbnails.

Click on options in the top right corner and paste this shit into your User JS.

$('document').ready(function () {

var animateGif = function () {

if ($(this).children('img.post-image').attr('src') != '/static/spoiler.png')

$(this).children('img.post-image').attr('src', $(this).attr('href'));

}

$('div.file').children('a[href*=".gif"]').each(animateGif);

$(document).on('new_post', function (e, post) {

$(post).find('div.file').children('a[href*=".gif"]').each(animateGif);

});

});

It should animate all of the apng thumbnails on this board.

 No.418

>>417

Oh shit that was the gif edition.

Here's the png version.

$('document').ready(function () {

var animatePng = function () {

if ($(this).children('img.post-image').attr('src') != '/static/spoiler.png')

$(this).children('img.post-image').attr('src', $(this).attr('href'));

}

$('div.file').children('a[href*=".png"]').each(animatePng);

$(document).on('new_post', function (e, post) {

$(post).find('div.file').children('a[href*=".png"]').each(animatePng);

});

});


 No.419

File: 1459539628832.png (47.95 KB, 404x416, 101:104, taylorkek.png)

Thanks anon, I'm sure someone will appreciate this.




File: 1455490428657.png (402.28 KB, 2000x2000, 1:1, chrome-big.png)

 No.394[Reply]

It isn't working for me!

3 posts omitted. Click reply to view.

 No.398

Oh wow, Chrome devs are talking to Firefox devs about it…

https://groups.google.com/forum/#!topic/mozilla.dev.platform/0h_7GpOz1a0

Never thought I would ever see something like that.


 No.399

>>398

Neat.


 No.405

I compiled Chromium+native APNG for myself, if anyone's interested, I can upload it.


 No.406

>>405

Neat, did you do it with that piece of code from the WebKit library?


 No.407

>>406

There is a Chromium patch, it's a similar to WebKit patch.




File: 1457054474106.png (256.48 KB, 240x287, 240:287, reichrave.png)

 No.401[Reply]

How feasable would it be to install Mozilla's modified libpng in place of the default one onto your own computer? This could possibly make image viewers support apng.

 No.402

GIMP already has a modified libpng for APNG support which I'm guessing is probably the same thing that Gecko browsers use? On a Linux system I imagine you could just take one of those and put it in the proper directory. Might be trickier on a Windows system.

Although either way your image viewer is still going to need some code in it to actually make use of the libraries.


 No.403

Some Linux distros already come with apng-patched libpng out of the box, mostly Gentoo- and Arch-based, maybe Mageia too. Not Ubuntu.

The problem is patched libpng only provides some additional functions, some new API. It can't force image viewers to call those functions.

So someone need to write new code for image viewers too.




File: 1451079148241.png (5 MB, 320x240, 4:3, wait_for_it_____xd_by_sale….png)

 No.363[Reply]

Hahaha

 No.364

I think a better idea than a Firefox watermark is some sort of simple APNG logo on the 0 delay frame. That way people know it's animated, and if it doesn't animate they know their browser is shit.


 No.377

File: 1451789964594-0.png (5.08 MB, 320x240, 4:3, waitforit.png)

File: 1451789964619-1.png (2.46 KB, 114x30, 19:5, apng-logo.png)

>>364

You mean like this?


 No.378

>>377

Exactly, yeah.


 No.382

File: 1453151177300.png (481.51 KB, 601x650, 601:650, ayylmao.png)

What do you guys think of this?


 No.383

File: 1453168459876.png (596.12 KB, 141x141, 1:1, 8ch approved.png)

>>382

I like it!

Some of the text might be a bit small for scalability though. Ideally you would want to make a base template in the default 8ch thumbnail size.




File: 1451343616797.webm (450.67 KB, 720x404, 180:101, IMAJEW.webm)

 No.365[Reply]

So, /apng/. The other day I saw someone posting a soundless webm. Now this triggered my autism something fierce, so I went about trying to convert it to an apng. I opened up my trusty terminal emulator and converted the webm to a png image sequence using avconv (ffmpeg). I then assembled the image sequence into apng using apngasm. The result was a terrible, steppy mess. Like it lingered on each frame for too long. No matter how I adjusted the framerates, I just couldn't get it right. I tried again with a much, much shorter mp4 and the result was the same, so it's likely not the length.

/apng/, what's the best way for a humble GNU/Linux user like myself to convert a short video clip to an apng without using gif as an intermediate step? The gif format just fucks with the quality and is better left out of the process.

8 posts and 3 image replies omitted. Click reply to view.

 No.374

>>373

I usually use the Windows GUI version but I think you may have the syntax wrong for the command line version. According to the sourceforge page you would do it like this, with a space instead of a slash between the two frame delay components:

apngasm 25.png 0*.png 1 25


 No.375

I just realized I don't see any options for how to set the frame delay for a specific set of frames in the command line version of Apngasm. Seems like you have to set them all at once, whereas the GUI version lets you pick and choose.


 No.376

I figured it out. Avconv does something fucky when it dumps the frames. I just tried again with another short webm and got the same laggy result. Then I ran the frames through GIMP before assembling the apng and it worked perfectly.


 No.380

>>375

>I just realized I don't see any options for how to set the frame delay for a specific set of frames in the command line version of Apngasm.

If you have frame5.png and frame5.txt with delay=3/25 inside, that text will override the command line, but only for that particular frame.

If you specify 1 25 in the command line, all frames will have 1/25 sec delay except for 5th frame, it will have 3/25 sec delay.


 No.381

>>380

Yeah that definitely doesn't make me want to use the command line version over the GUI version. I wish there was a GUI version for Linux instead of just Windows.




File: 1445976502462.png (3.69 MB, 450x260, 45:26, Krystal 4.png)

 No.312[Reply]

I'll show you how to get this old plugin running on GIMP 2.8 for Windows 7 x64.

First you need to get the required files:

http://www.mediafire.com/download/ubme5oy751zw0zh/gimp-apng-0.1.0.win32.zip

The zip contains 2 files:

>file-apng.exe

>file-apng.ui

These files need to be copied in specific folders, the following paths assume you did a default installation of GIMP. If you didn't , it shouldn't be hard to locate them.

file-apng.exe

C:\Program Files\GIMP 2\lib\gimp\2.0\plug-ins

file-apng.ui

C:\Program Files\GIMP 2\32\lib\gimp\2.0\plug-ins

IMPORTANT: Please pay attention to this last path, notice this goes into the "32" folder, this is NOT the same folder were you copied the first file.

You will need to navigate to :

C:\Program Files\GIMP 2\32\lib\gimp\2.0

THEN CREATE the "plug-ins" folder

THEN PASTE file-apng.ui inside that folder.

Next we'll see how to use it to load and export APNG files inside GIMP.

we'll continue this later tonight

13 posts and 16 image replies omitted. Click reply to view.

 No.332

>>320

Wow this was the problem I was always having, great job figuring it out!


 No.333

File: 1446131539712-0.png (242.27 KB, 256x224, 8:7, R-Type III hyperspace.png)

File: 1446131539712-1.png (270.04 KB, 256x224, 8:7, R-Type III hyperspace GIMP….png)

Unfortunately this plug-in (or GIMP itself) seems to still have some notable issues for APNG creation. One of which is that currently GIMP does not allow as fine of frame display control as is possible within APNG. Take a 60 FPS animation for instance. Converting this to frame display time, each frame should have 16.666… ms display. However, since GIMP's frame display only measures at the millisecond level, this must be rounded to 16ms or 17ms, creating some notable speed discrepancies.

Another option the APNG plug-in could really use is the ability to "use delay above for all frames", as the animated GIF export function has. This is useful for when you want to change the display time for all the frames in an animation at once.

Finally, it seems that you have to perform this Layer to image size step on every single undersized frame after optimizing the layers for differences or you end up with these annoying uncropped blank areas (that should be alpha channel transparency but aren't) on the margins of the undersized frames. Here's a comparison of an APNG assembled with apngasm and that same APNG opened with GIMP, optimized, and then re-saved with the APNG plug-in. I'm not sure why it's happening but additionally GIMP seems to be altering at least one of the colors in the process.


 No.334

File: 1446132077698.png (270.75 KB, 256x224, 8:7, R-Type III hyperspace GIMP….png)

>>333

I guess the cropping issue is still present even after performing Layer to image size on every single frame.


 No.335

>>334

Open in a separate tab to see it more clearly.


 No.336

>>333

Of course my GIMP/GAP could just be really old. I did this on GIMP 2.7.3/GAP 2.6.0. Maybe they've provided better frame display time precision in newer versions.




File: 1412610611205.png (271.47 KB, 256x224, 8:7, yourbrainonpng.png)

 No.1[Reply]

APNG is the animated extension of the PNG format. It has many advantages over GIF that you may not be aware of.
PNG
-has far better compression than GIF due to not being locked down to a proprietary compression scheme
-is not limited to 256 colors (GIF actually isn't either but file sizes explode because you lose compression past that)
-is not limited to ~50 frames per second due to calculating frame display times in 10 millisecond increments; APNG has much finer frame rate control

APNG is especially good at traditional 2D animation. WebM, a video format, animates like most videos with heavy image compression over every frame and is able to achieve very small file sizes at the expense of visual fidelity. In contrast, like AGIF, APNG has the advantage of outright discarding visual information that doesn't change from one frame to another ("alpha channels") while being a lossless format. APNG also provides superior file sizes compared to WebM's lossless animated-supporting image format sibling, WebP.
27 posts and 6 image replies omitted. Click reply to view.

 No.311

Hey i am fascinated by apng too!

Problem is

How do i convert a lossless avi to an APNG ?

I have some short lossless videos from emulators (60fps, 10 -20 sec at most but about 300mb each) that i'd love to turn into APNGs to preserve the most amount of quality while providing an actually downloadable file


 No.314

>>311

Yes, this format is great for 2D emulator stuff!

What I do is dump the frames via VirtualDub and then assemble the APNG from those via apngasm.


 No.325

>>314

Could you show me how this is done?, i tried but failed miserably


 No.326

File: 1446057439917-0.png (391.13 KB, 784x596, 196:149, framestoapng.png)

File: 1446057440120-1.png (2.73 MB, 320x224, 10:7, Gradius III lizard core.png)

>>325

Sure thing.


 No.330

>>326

Thanks, nice tutorials btw.




File: 1444417208722.png (100.57 KB, 1043x513, 1043:513, whew.png)

 No.302[Reply]

Wouldn't it be snazzy if we had some animated PNG banners for this board?

 No.303

I've been trying to come up with a good banner idea for a while actually but I just can't think of anything. Something that brings out APNG's strengths over GIF would be nice, like perhaps something with a lot of colors or multiple alpha transparency levels.




File: 1442358454808.png (1.17 MB, 400x224, 25:14, 1440125595247.png)

 No.280[Reply]

I would really like to know

 No.281

File: 1442418784724.png (41.19 KB, 203x202, 203:202, poo.png)

There's not really much point to animate something like JPEG to be honest. If you're going to go with a lossy format you might as well just do a dedicated video format without audio.


 No.283

File: 1442610125293.jpg (35.19 KB, 300x199, 300:199, fagggot.jpg)

test


 No.285

File: 1442633375545.png (29.9 KB, 300x199, 300:199, faggot identified.png)

>>283

A GIF saved as a .jpg isn't really the same as an animated PNG anon.




File: 1440897182399.png (5.81 MB, 640x480, 4:3, araaradone.png)

 No.272[Reply]

 No.273

Although it can be quite difficult to obtain, the best way to make these is from the clean source that's never been affected by the artifacts of film conversion or lossy television stream compression. You'll get the best file size saving that way.


 No.284

File: 1442616562177.jpg (165.2 KB, 500x454, 250:227, 32497597598843.jpg)

>>272

>anime is bad for you




File: 1422856727312.jpg (93.25 KB, 1000x1000, 1:1, ultr.jpg)

 No.152[Reply]

APNG is only dead because chrome doesn't support it

How do we get the botnet to support apng?
2 posts and 1 image reply omitted. Click reply to view.

 No.241


 No.253

>>152

>>212

NO OP, WE SUPPORT APNG, WE LEAVE THE BOTNET BEHIND


 No.256

>using chrome

I don't understand.


 No.263

bumped


 No.282

Looks like it's actually in development now:

https://www.chromestatus.com/feature/6691520493125632




File: 1412964560889.png (1.27 MB, 480x360, 4:3, 043.png)

 No.39[Reply]

You know I was think for the 31st of this month we can get some scary GIFs and convert them into PNG.

It be pretty nice to spoiler them and freak people out.

What do you say Anons?
15 posts and 7 image replies omitted. Click reply to view.

 No.244

>>221

Right


 No.251

BUMP!


 No.264

bump.


 No.270

File: 1440719765795.png (896.92 KB, 512x767, 512:767, ▄.png)

Sucks that Chrome doesn't support APNG


 No.271

>>270

Yeah, just for lack of adoption.




File: 1412611560053.png (2.41 MB, 290x189, 290:189, glorious pngs.png)

 No.3[Reply]

SO YOU WANNA MAKE APNGS?

This thread is for tools of the trade. Here are some tools I have found useful so far.

http://gif2apng.sourceforge.net/
Convert your decrepit old GIFs to glorious APNGs.

http://vdubapngmod.sourceforge.net/
VirtualDub mod for APNG dumping and loading support. Allows you to create APNGs from AVI files. If you're planning on using a frame rate that GIF doesn't support you should start here! VirtualDub usually doesn't make the most optimized GIFs or APNGs so that's where GIMP and other optimizing tools come in.

http://registry.gimp.org/node/24394
GIMP GAP plug-in for opening and saving as APNGs.
I haven't gotten this damn thing to work properly myself but as I use GIMP regularly for making GIFs I imagine it would be extremely useful for those that can get it working.

http://sourceforge.net/projects/apng/files/APNG_Optimizer/
Post too long. Click here to view the full text.
64 posts and 18 image replies omitted. Click reply to view.

 No.259

>>215

This seems to have a really small file size for it's length. Is it really 50fps?

I remember I was close to that good at pokemon puzzle league


 No.260

File: 1440221331017.png (5.52 MB, 256x224, 8:7, Tetris Attack 50582 20ms.png)

>>259

Yep, that's 50fps.


 No.261

>>254

You sir are a fucking dick.


 No.262

>>254

That's kind of impressively big


 No.269

bump'




File: 1422832582903.png (24.95 KB, 500x492, 125:123, 1416282092575.png)

 No.150[Reply]

We live in a world surrounded by plebs.

Plebs who save every god damned image as a jpeg and don't think twice about it.

Plebs who think webm's with no sound are the perfect replacement for gifs.

Why? Why does the world not know? PNG is there to save them from their sins, yet they pay him no mind. Why do they hurt the great png so?

 No.151

>>150
You can blame Moot the Luddite for holding things back for so long. He had some specific code back on halfchan that prevented people from uploading them. But we're free now. Free to embrace a glorious new world.

 No.225

File: 1434349831551.png (152.18 KB, 800x1000, 4:5, qJoKW.png)

How bullshit is this image?


 No.226

>>225

Well, as for the "JPEG is best for game screenshots" comment, that really depends on the game. If you're talking about a 2D game chances are very high that PNG is going to provide the superior file size in addition to being lossless. It's a matter of how objects are colored and animated that gives PNG the edge. If it's a 3D game though then yes JPEG will usually get the point of the image across the same while saving a lot of space. In a 3D game the colors of something from frame to frame can differ much more radically due primarily to lighting systems.

It is actually possible to do lossy PNG however, so JPEG may not be better in as many situations as one might think.

http://pngmini.com/lossypng.html

How all this relates to animated PNGs is that you're going to have a big file if you try to animate something with a lot of colors and little consistency between frames. A genuine video format like WebM, MP4, AVI, etc. is basically the animation equivalent of JPEG.


 No.267

bump for freedom




Delete Post [ ]
[]
Previous [1] [2]
| Catalog
[ home / board list / faq / random / create / bans / search / manage / irc ] [ ]