Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Using SVG as image placeholders

medium.com

Post reply on HN
Print view View original

81–90 of 139 posts

Re: Using SVG as image placeholders

#81

Post by whathaschanged »

nathan_long wrote: post #31
klodolph wrote: post #28

Earlier quoted context omitted.

The problem with FLIF here is that it's not remotely competitive when you're using a lossy format for both the low-quality and high-quality versions, which is the most common case for photos. UI elements tend to be small, so it doesn't matter. In most cases if you get more bandwidth which you could spend on using a lossless FLIF, you would get better subjective quality by using a higher resolution JPEG at the same fi…

If you need to use an image twice, once low-quality and once high-quality but not perfect, FLIF would let you load (say) 10% of the image in one place and 50% in another. Are you saying that for the same bandwidth usage, you could load two separate lossy JPGs and they'd look better? What if the fact that you've loaded the first 10% of the FLIF for the low-res version means you can resuse that data and start with the…

Congratulations, you've reinvented the progressive jpeg.

Re: Using SVG as image placeholders

#82

Post by TazeTSchnitzel »

nathan_long wrote: post #9

Clever, but I'd love to see browser support for FLIF make this kind of thing irrelevant. > FLIF is lossless, but can still be used in low-bandwidth situations, since only the first part of a file is needed for a reasonable preview of the image. > A FLIF image can be loaded in different ‘variations’ from the same source file, by loading the file only partially. This makes it a very appropriate file format for responsi…

Remember JPEG 2000 and its wavelets?

Second Life uses it ubiquitously, its progressive loading of textures is distinctive.

Re: Using SVG as image placeholders

#83

Post by spurgu »

dwb wrote: post #44

How have people come to the conclusion that displaying a low-information version of the image to be loaded as a placeholder results in a quicker perceived load? To me all these effects just look rubbish and distracting, with no benefit at all – certainly not the perception of speed. It's not like I can ever understand what the image really is before it's fully loaded anyway, with our without fancy placeholder.

Then use it only for images below the fold?

Re: Using SVG as image placeholders

#84

Post by itronitron »

fogleman wrote: post #13

(Developer of Primitive here.) Love seeing people use my software in different ways! If this looks interesting to you, try it out: https://primitive.lol/ https://github.com/fogleman/primitive Also, I made a Twitter bot that posts samples every 30 minutes based on "interesting" Flickr photos using randomized Primitive settings: https://twitter.com/PrimitivePic

very cool, so much better than seeing images constructed from cat and dog faces

Re: Using SVG as image placeholders

#85

Post by CamperBob2 »

fogleman wrote: post #13

(Developer of Primitive here.) Love seeing people use my software in different ways! If this looks interesting to you, try it out: https://primitive.lol/ https://github.com/fogleman/primitive Also, I made a Twitter bot that posts samples every 30 minutes based on "interesting" Flickr photos using randomized Primitive settings: https://twitter.com/PrimitivePic

Very cool. Anything like this available for Windows?

Re: Using SVG as image placeholders

#86

Post by santaclaus »

fogleman wrote: post #13

(Developer of Primitive here.) Love seeing people use my software in different ways! If this looks interesting to you, try it out: https://primitive.lol/ https://github.com/fogleman/primitive Also, I made a Twitter bot that posts samples every 30 minutes based on "interesting" Flickr photos using randomized Primitive settings: https://twitter.com/PrimitivePic

Aren't you the guy who writes all the graphics stuff in Go too? How do you find time to do all this???

Re: Using SVG as image placeholders

#88

Post by hasenj »

cabalamat wrote: post #58

Am I the only person who finds it ironic that a web page about keeping web pages small comes with multiple megabytes of Javascript? It doesn't need it, folks. It's a static blog page.

And all the code pens are also slow. Between clicking the "run" button and the actual script running there's somewhat of a 3 second gap.

Which kind of puts the opening paragraph into question:

> I’m passionate about image performance optimisation and making images load fast on the web.

Like, ok, why aren't you using a simpler blog engine to post? As a plus, if you were in control of everything on the page, you wouldn't even need to use codepen; just include the javascript directly in your page.

Re: Using SVG as image placeholders

#90

Post by bulkan »

hasenj wrote: post #88
cabalamat wrote: post #58

Am I the only person who finds it ironic that a web page about keeping web pages small comes with multiple megabytes of Javascript? It doesn't need it, folks. It's a static blog page.

And all the code pens are also slow. Between clicking the "run" button and the actual script running there's somewhat of a 3 second gap. Which kind of puts the opening paragraph into question: > I’m passionate about image performance optimisation and making images load fast on the web. Like, ok, why aren't you using a simpler blog engine to post? As a plus, if you were in control of everything on the page, you wouldn…

Perhaps they don't want to worry about deploying a simpler blog engine ?
Post reply on HN