Performance Calendar » Evolution of <img>: Gif without the GIF


77 bookmarks. First posted by codepo8 december 2017.


GIFs are awesome but terrible for quality and performance
Replacing GIFs with <video> is better but has perf. drawbacks: not preloaded, uses range requests
Now you can <img src=".mp4">s in Safari Technology Preview
Early results show mp4s in <img> tags display 20x faster and decode 7x faster than the GIF equivalent – in addition to being 1/14th the file size!
Background CSS video & Responsive Video can now be a “thing”.
Finally cinemagraphs without the downsides of GIFs!
Now we wait for the other browsers to catch-up: This post is 46MB on Chrome but 2MB in Safari TP
video  gif  gifs 
14 days ago by johnjohnston
via Pocket - Evolution of : Gif without the GIF - Added January 26, 2018 at 01:00AM
IFTTT  Pocket  17  min 
april 2018 by kutsal
GIFs are awesome but terrible for quality and performance Replacing GIFs with is better but has perf. drawbacks: not preloaded, uses range requests Now you can
april 2018 by pitiphong_p
In short, using the <picture> and <source type> for mime-type selection is not advisable until the next version of Safari reaches the 90%+ of the user base.
from instapaper
january 2018 by h-lame
Safari now allows to use mp4 files in <img> tags. This tutorial shows how to use them.
web  safari  images  video  performance 
january 2018 by archangel
tl;dr GIFs are awesome but terrible for quality and performance Replacing GIFs with <video> is better but has perf. drawbacks: Now you can <img src=".mp4"> s in…
from instapaper
january 2018 by hybridsolidr
An in-depth look at optimizing performance for animated images
gifs  video  performance  animation  images 
december 2017 by ste
tl;dr GIFs are awesome but terrible for quality and performance Replacing GIFs with <video> is better but has perf. drawbacks: not preloaded, uses range requests Now you can <img src=".mp4">s in Safari Technology Preview Early results show mp4s in <img> tags display
video  performance 
december 2017 by aerosolkid
on the img tag and gif performance with video
performance  video  gif  webdesign 
december 2017 by jshwlkr
tl;dr GIFs are awesome but terrible for quality and performance Replacing GIFs with is better but has perf. drawbacks: Now you can s in…
Instapaper  video 
december 2017 by edmadrid
tl;dr GIFs are awesome but terrible for quality and performance Replacing GIFs with <video> is better but has perf. drawbacks: Now you can <img src=".mp4"> s in…
from instapaper
december 2017 by divigation
Safari is going to support mp4s in img tags. They display 20x faster than gifs, and no pronunciation controversies!
from twitter_favs
december 2017 by mgifford
I just starred Evolution of img: Gif without the GIF on Inoreader http://ift.tt/2kmqyza
Web  Development 
december 2017 by ninthart
<img src="video.mp4"/> is a very promising idea! Let's fast follow, .
from twitter_favs
december 2017 by AramZS
<img src="video.mp4"/> is a very promising idea! Let's fast follow, .
from twitter_favs
december 2017 by grzbielok
<img src="video.mp4">
video  performance  html 
december 2017 by sambaldwin
Evolution of : Gif without the GIF via Instapaper http://ift.tt/2kmqyza
IFTTT  Instapaper 
december 2017 by bishbashbosh
Now, with the latest Safari, you can use videos as Gifs.
tutorial  287  newslettered 
december 2017 by justinavery
GIFs are awesome but terrible for quality and performance
Replacing GIFs with <video> is better but has perf. drawbacks
gif  video  performance  webdev 
december 2017 by toastednut
Evolution of : Gif without the GIF
IFTTT  bitly 
december 2017 by trieloff
Catching up with this Safari "use an mp4 in an img tag" stuff. WTF? This sounds terrible!
from twitter
december 2017 by matthewbeta
MP4s in <img> tags now in Safari Tech Preview to replace animated GIFs. Fantastic, detailed article by
from twitter
december 2017 by grigs
The latest Safari can use <img src="*.mp4" />, leading to gigantic size and processing savings

Article includes code for handling fallbacks so you can use it ASAP
html  performance  webdesign  browsers  gifs  movies 
december 2017 by leereamsnyder
The original article strongly suggests “yes”:
from twitter
december 2017 by kohlmannj
via Feedbin Starred Entries for joewiz@gmail.com
IFTTT  Feedbin  Starred  Entries  for  joewiz@gmail.com 
december 2017 by joewiz
Reading: Performance Calendar » Evolution of <img>: Gif without the GIF
from twitter
december 2017 by makzan
from Daring Fireball

Colin Bendell on a new feature in Safari Technology Preview:

Now you can in Safari Technology Preview

Early results show mp4s in tags display 20x faster and decode 7x faster than the GIF equivalent — in addition to being 1/14th the file size!

Background CSS video & Responsive Video can now be a “thing”.

Finally cinemagraphs without the downsides of GIFs!

Now we wait for the other browsers to catch-up: This post is 46 MB on Chrome but 2 MB in Safari TP

It’ll take a few years for this to catch on web-wide, but the benefits are massive. It’s really rather ridiculous how popular the GIF format is in 2017.

 ★ 
ifttt  daringfireball 
december 2017 by josephschmitt
> In the latest Safari Tech Preview, thanks to some hard work by Jer Noble, we can now use MP4 files in <img> tags. The intended use case is not long-form video, but micro-form, muted, looping video – just like GIFs.
gif  gifs 
december 2017 by gglnx
Colin Bendell on a new feature in Safari Technology Preview:

Now you can in Safari Technology Preview

Early results show mp4s in tags display 20x faster and decode 7x faster than the GIF equivalent — in addition to being 1/14th the file size!

Background CSS video & Responsive Video can now be a “thing”.

Finally cinemagraphs without the downsides of GIFs!

Now we wait for the other browsers to catch-up: This post is 46 MB on Chrome but 2 MB in Safari TP

It’ll take a few years for this to catch on web-wide, but the benefits are massive. It’s really rather ridiculous how popular the GIF format is in 2017.

 ★ 
via:daringfireball 
december 2017 by rufous
Gif without the GIF: Safari now supports &lt;img src=".mp4"&gt; ()
from twitter_favs
december 2017 by michaeltri
Evolution of : Gif without the GIF
from twitter
december 2017 by codepo8