5 ms·

Nice and clear overview! But GIF? Is that format even still used? I'd love to see this for webp, I really don't get that format yet and AFAIK there is no over

Nice and clear overview! But GIF? Is that format even still used? I'd love to see this for webp, I really don't get that format yet and AFAIK there is no overview of the format that is not a spec (i.e., horribly detailed).

pornel 15y ago
> Is that format even still used? http://httparchive.org/interesting.php http://httparchive.org/interesting.php 34% of images on the web. The Web needs education first, not another image format that those websites won't use...
- jayfuerstenberg 15y ago
  Thanks for sharing this very useful resource!
- robin_reala 15y ago
  To be fair, the vast majority of the web is built and never touched again, so I’m not surprised about that figure. Regarding WebP, it’s nice to have options, but ImageOptim is getting PNGs down close in size for me :)
  - icebraining 15y ago
    Not true, a ton of sites go offline after a few years. If Geocities was still around it'd probably skew that value way up ;)
    - robin_reala 15y ago
      Geocities is still around (under a different name): http://reocities.com/ http://reocities.com/
- wladimir 15y ago
  Wow that's shockingly many still. But that statistic is to be expected somehow, there's a lot of old sites still around. Still it's a horrible, incredibly restricted format. I come from a computer graphics background an thus am interested in image formats and how they work... whether the web "needs" webp doesn't really come into it.
- blots 15y ago
  What about all the smileys? Does that account for the 34%?
retube 15y ago
Well gifs still have two main use-cases: - with the rise of AJAX a gif is basically the default format for the animated "loading" spinners - crappy low-res instant versions of youtube videos Is there an alternative format?
- wladimir 15y ago
  (1) is indeed a use-case, unless you require more detailed control over playback/pause/frame numbers. In which case a series of png images (for example, encoded into a .css) and animated using javascript could be used. Google uses this for their doodles. I think (2) is not really a good use-case. GIF is a terrible, terrible format for movies because of the crappy quality and inefficient interframe encoding. Just use a movie format, they're also good at low-res low-bitstream.
  - AndrewDucker 15y ago
    Using a movie format means that you either have to provide multiple versions for different browsers or you have to use Flash. For a four-second clip of a man being hit in the face with a cat I'm not sure either of those is worthwhile.
  - wlievens 15y ago
    I'd think CSS sprited PNGs are much preferred over anigif, not just because of playback control but also because of non-shitty translucency.
  - satori99 15y ago
    (2) is used alot by porn sites (So i hear). Mouse hovers show an animated GIF representation of the 'film' as a preview.
- icebraining 15y ago
  There are decent (and scalable!) spinners in CSS, but it's not an alternative since not every browser supports them.
- ahrjay 15y ago
chrislomax 15y ago
Am I missing something here? Why would a GIF not still be used? We use them all the time for less detailed images to keep file sizes down?
- mseebach 15y ago
  I think the GP is confusing an interesting general knowledge piece with something that should be immediately relevant to his day-to-day work. You probably don't want to be crafting GIF binaries directly anyway, there are tons of libraries that take care of the plumbing for you very competently.
- simcop2387 15y ago
  I've generally avoided GIFs myself, originally because of patents. Lately though it's because with optipng/pngcrush being told to try every possible compression option on them I can usually get small images down to under 500 bytes, sometimes much better than I could ever do with a GIF. This seems to mostly be due to the fact that around certain sizes a true color PNG may compress better than a palleted image.
  - chrislomax 15y ago
    Interesting, I wasn't being a dick asking that. I was genuinely interested on what I was missing out on. I don't understand images to anywhere near the extent of most people commenting here but I was interested enough to try and understand the article, "try" being the operative word.
- rimantas 15y ago
  In most cases you will get better results with PNG. PNG has a slightly bigger overhead, so GIF wins for extremely tiny images (with a size about a dozen pixels or less) but after that more advanced compression algorithm in PNG wins. However, you have to remember to choose the right type of PNG (there is no sense in saving black-and-white lineart as true-color PNG). PNG also may containt chunks of additional info, you can get rid of them too. Also, there is an interesting PNG8 format which allows you to have alpha transparency with indexed color palette in supporting browsers, but in IE6 it will behave just like gif with index transparency (pixels having any transparency will appear completel transparent). See http://www.sitepoint.com/png8-the-clear-winner/ http://www.sitepoint.com/png8-the-clear-winner/
xtracto 15y ago
I think the "loading" animated icons you see in all those AJAX applications are just GIFs. It makes sense.

pornel 15y ago

> Is that format even still used? http://httparchive.org/interesting.php http://httparchive.org/interesting.php 34% of images on the web. The Web needs education first, not another image format that those websites won't use...

jayfuerstenberg 15y ago
Thanks for sharing this very useful resource!
robin_reala 15y ago
To be fair, the vast majority of the web is built and never touched again, so I’m not surprised about that figure. Regarding WebP, it’s nice to have options, but ImageOptim is getting PNGs down close in size for me :)
- icebraining 15y ago
  Not true, a ton of sites go offline after a few years. If Geocities was still around it'd probably skew that value way up ;)
  - robin_reala 15y ago
    Geocities is still around (under a different name): http://reocities.com/ http://reocities.com/
wladimir 15y ago
Wow that's shockingly many still. But that statistic is to be expected somehow, there's a lot of old sites still around. Still it's a horrible, incredibly restricted format. I come from a computer graphics background an thus am interested in image formats and how they work... whether the web "needs" webp doesn't really come into it.
blots 15y ago
What about all the smileys? Does that account for the 34%?

retube 15y ago

Well gifs still have two main use-cases: - with the rise of AJAX a gif is basically the default format for the animated "loading" spinners - crappy low-res instant versions of youtube videos Is there an alternative format?

wladimir 15y ago
(1) is indeed a use-case, unless you require more detailed control over playback/pause/frame numbers. In which case a series of png images (for example, encoded into a .css) and animated using javascript could be used. Google uses this for their doodles. I think (2) is not really a good use-case. GIF is a terrible, terrible format for movies because of the crappy quality and inefficient interframe encoding. Just use a movie format, they're also good at low-res low-bitstream.
- AndrewDucker 15y ago
  Using a movie format means that you either have to provide multiple versions for different browsers or you have to use Flash. For a four-second clip of a man being hit in the face with a cat I'm not sure either of those is worthwhile.
- wlievens 15y ago
  I'd think CSS sprited PNGs are much preferred over anigif, not just because of playback control but also because of non-shitty translucency.
- satori99 15y ago
  (2) is used alot by porn sites (So i hear). Mouse hovers show an animated GIF representation of the 'film' as a preview.
icebraining 15y ago
There are decent (and scalable!) spinners in CSS, but it's not an alternative since not every browser supports them.
ahrjay 15y ago

chrislomax 15y ago

Am I missing something here? Why would a GIF not still be used? We use them all the time for less detailed images to keep file sizes down?

mseebach 15y ago
I think the GP is confusing an interesting general knowledge piece with something that should be immediately relevant to his day-to-day work. You probably don't want to be crafting GIF binaries directly anyway, there are tons of libraries that take care of the plumbing for you very competently.
simcop2387 15y ago
I've generally avoided GIFs myself, originally because of patents. Lately though it's because with optipng/pngcrush being told to try every possible compression option on them I can usually get small images down to under 500 bytes, sometimes much better than I could ever do with a GIF. This seems to mostly be due to the fact that around certain sizes a true color PNG may compress better than a palleted image.
- chrislomax 15y ago
  Interesting, I wasn't being a dick asking that. I was genuinely interested on what I was missing out on. I don't understand images to anywhere near the extent of most people commenting here but I was interested enough to try and understand the article, "try" being the operative word.
rimantas 15y ago
In most cases you will get better results with PNG. PNG has a slightly bigger overhead, so GIF wins for extremely tiny images (with a size about a dozen pixels or less) but after that more advanced compression algorithm in PNG wins. However, you have to remember to choose the right type of PNG (there is no sense in saving black-and-white lineart as true-color PNG). PNG also may containt chunks of additional info, you can get rid of them too. Also, there is an interesting PNG8 format which allows you to have alpha transparency with indexed color palette in supporting browsers, but in IE6 it will behave just like gif with index transparency (pixels having any transparency will appear completel transparent). See http://www.sitepoint.com/png8-the-clear-winner/ http://www.sitepoint.com/png8-the-clear-winner/

xtracto 15y ago

I think the "loading" animated icons you see in all those AJAX applications are just GIFs. It makes sense.