you are viewing a single comment's thread.

view the rest of the comments →

[–]wizzwizz4 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (3 children)

because the screengrab image is readable

By you. I take it that you're not a web designer. Well, these things have to be taken into consideration; not everyone reads websites using their eyeballs, or in exactly the same way as the CSS says to render it.

[–]JasonCarswell 1 insightful - 1 fun1 insightful - 0 fun2 insightful - 1 fun -  (2 children)

I don't know what your point is.

I have done web design but not too complex. I used CSS a dozen years ago and a variant here on SaidIt. I know what CSS is. I know what SVG is. I don't see how they mesh.

I understand the small-sized text-based web-scrape may not render its CSS perfectly and a large-sized screengrab would capture the render properly, but I don't see how a SVG scalable vector graphic could be generated to properly capture the CSS cascading style sheet information any better - all just to reduce the size rather than a screen grab. I would assume the images, whether JPG, PNG, GIF, and/or SVG would be downloaded separately and embedded in the code, just like the HTML web-scrape, but also assumedly into your SVG layout?

If this is true I'd love to learn about it and update my limited guestimated opinion on SVG web-scrapes including accurate CSS translations / rendering.

[–]wizzwizz4 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (1 child)

See how web-capture.net does it. It uses something something Qt something to do it; that's not perfect, as you can see by plugging this page into it (it doesn't support more recent CSS like animations) but the text is readable by a screenreader in certain circumstances.

[–]JasonCarswell 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (0 children)

I used web-capture.net to grab https://saidit.net/s/DecentralizeAllThings/ just because I had it open there. This isn't an image heavy page, but it has several small images, a banner, and footer.

  • .BMP = 11,554kb
  • .BMP.ZIP = 11,555kb
  • .JPEG = 1,058kb
  • .JPEG.ZIP = 1,058kb
  • .PDF = 394kb
  • .PDF.ZIP = 394kb
  • .PNG = 1,015kb
  • .PNG.ZIP = 1,015kb
  • .PS = 394kb
  • .PS.ZIP = 394kb
  • .SVG = 6,092kb
  • .SVG.ZIP = 6,092kb
  • .TIFF = 15,406kb
  • .TIFF.ZIP = 15,406kb

LOTS OF SURPRISES.

The SVG was much better than I expected, however there were several serious problems. Backgrounds were a problem, going beyond the frame was another, there were different defaults that you might expect would happen viewing a scraped HTML page. The gradients failed right off with a warning opening in Adobe Illustrator, though I don't know where there were gradients in the page (the ones that are there are pixel based images). While I'd hoped the SVG would have fields of text to be smaller, they went for an outline every single letter shape rather than just having the letter - thus why this SVG file is so ridiculously huge.

I was surprised the TIFF was bigger than the BMP. I haven't used TIFF since 2000 or so when PNG was adopted by animation studios and replace SoftImage's .PIC with better lossless compression. I knew they'd both be big.

I was also surprised the PNG was smaller than the JPG but there wasn't much imagery here.

I am hugely impressed that the PDF and PS were tied for way smallest, thought I haven't looked either. I've never even useds PS post script and I generally avoid PDFs.

Maybe most surprising was that the Zip didn't compress anything, though maybe it wasn't set to, not even the BMP or TIFF.

And for fun I CTRL-S saved from my Brave Browser the "Webpage, complete .html" The HTML file is 221kb and the folder is 765kb and together using 7-Zip with the default settings compressed down to 227kb.

So today I learned that folks can do more with SVG if they really want to, no matter how silly. Don't get me wrong, I love SVGs but I wonder if they've been "discovered" too late in the game. 20 years ago it might have had a chance to compete or merge or work in combinations with the more common web page things like GIFs, JPGs, HTML, CSS, and Flash (all rendered locally with faaar less powerful computers) but now the standards and browsers are even more entrenched, and failing revolutionary paradigm shifts it's moot. Things can change, like Firefox and all browsers are more like Chrome than ever, sadly - but at least ve have ze conformity!

I love SVG, but sometimes more is not better. d3rr and I were looking at emoticons, and the latest 4th generation batch had gradients. I preferred the 3rd gen designs way more, without gradients. Because they were poorly utilized. Maybe 5th gen will be better. I've see lots of supreme use of gradients since they were invented.

Anyway, neat stuff.

Socialism! Victory! Glory!