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

91–100 of 139 posts

Re: Using SVG as image placeholders

#91

Post by xster »

baddox wrote: post #75
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

This looks great! I would definitely pay the $10 for an iOS version. I can see myself playing around with this on an iPad Pro for hours, especially with drawing mode.

Don't really know how it works, though I wonder if some of the filters in Prisma are implemented in similar ways.

Re: Using SVG as image placeholders

#92

Post by hasenj »

bulkan wrote: post #90
hasenj wrote: post #88

Earlier quoted context omitted.

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 ?

That's a common attitude, I was just pointing out how it puts the "passionate" part under doubt.

I've noticed the word "passionate" gets thrown around a lot cheaply.

It's seriously starting to lose all meaning.

Re: Using SVG as image placeholders

#93

Post by jrowley »

fogleman wrote: post #68
dmitriid wrote: post #67

Earlier quoted context omitted.

Your twitter bot sometimes produces images that look like unintentional art. Awesome job!

Well, that's the idea!

Honestly your twitter bot (and some of the other art bots) may be the best content on twitter. I thought it was cool that I could interact with your bot. Great work!

Re: Using SVG as image placeholders

#94

Post by lifthrasiir »

Once upon a time Facebook had a similar idea for their app [1] (similar to the OP's use case, because the preview photo was to be included to the initial response). It makes use of the stock JPEG decoder but with the fixed Huffman tree and size to meet the 200-byte size limit. A careful implementation may also work in the Web even without JavaScript.

[1] https://code.facebook.com/posts/991252547593574/the-technolo...

Re: Using SVG as image placeholders

#95

Post by erikig »

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

I love this, for budding visual artists it is a great way to see how basic shapes and seemingly simple colors come together to create evocative images.

Re: Using SVG as image placeholders

#96

Post by contingencies »

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

Cool software, thanks again, I used it for https://github.com/globalcitizen/svglover and https://github.com/globalcitizen/zomia

Re: Using SVG as image placeholders

#97

Post by erikig »

wmeredith wrote: post #70
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.

It's a Medium article. The author didn't write the platform.

The faustian bargain that writers of web performance articles make: use a minimal static platform that's fast and get minimal coverage and analytics or use a slower fully fledged platform that offers a built-in audience, analytics and features.

Re: Using SVG as image placeholders

#98

Post by piyush_soni »

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

Slightly off topic, but for the first time I've seen a "lol" domain :). Did you not have any apprehensions using it, like people might not take the product seriously?

Re: Using SVG as image placeholders

#99

Post by jmmcd »

AnkhMorporkian wrote: post #27
rocky1138 wrote: post #10

Earlier quoted context omitted.

I agree with GP. Personally, I hate websites that show a blurry version of an image before the final one loads. It plays with my eyes. I have to look away and peek to see if it's done before I can read on. I wish there was a way to disable this functionality.

I didn't mean to refer to blurred images, but the unblurred outline SVGs in this article. I think the blurred ones are somewhat pointless too. The unblurred versions give you actual information as to what the image is. For instance, the sneakers image; if I didn't care about sneakers, I'd be likely to just scroll past it. In the blurred version, I might not be able to tell that they're sneakers.

Interesting: I didn't see any images of sneakers. I saw the Golden Gate bridge, and a vague shot of a woman. Are they serving a different set of images (and example js) to different readers?

Re: Using SVG as image placeholders

#100

Post by jmmcd »

dopeh wrote: post #71
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.

Couldn't agree more. If you look at what's happening in the network tab of the developer tools, you'll see it's doing a lot more than providing just a static blog page. Instead, every x seconds it executes another POST request with pretty much all the details they can gather (scroll from top, scrollable height, referrer etc.). As soon as you start moving your cursor, the new requests start adding up very quickly, wit…

I wonder if those experimentName parameters are to do with serving different example images to different readers. Below, u/Anhkmorporkian mentions an image of sneakers, but I saw images of a woman and of the Golden Gate bridge. Did other readers see different?
Post reply on HN