Comments on: Pure CSS Perversion

By: pk1001100011

pk1001100011 — Wed, 04 Aug 2010 12:54:19 +0000

“SVG is not inherently “smaller” than JPG. In fact, the two formats are not even directly comparable as they have different purposes. SVG is (…)”
SVG – vector graphics, JPG – raster graphics, yes I know it. You don’t need to explain. ;)

“It is theoretically possible to get a smaller file if the input image is highly compressible, e.g. contains only large, simple shapes filled with the same colour.”
Like in your second and third image. It’s why I wrote my first comment. ;)

By: White Shadow

White Shadow — Wed, 04 Aug 2010 12:36:03 +0000

It is theoretically possible to get a smaller file if the input image is highly compressible, e.g. contains only large, simple shapes filled with the same colour. But yes, it's still impractical for most inputs. SVG is not inherently "smaller" than JPG. In fact, the two formats are not even directly comparable as they have different purposes. SVG is a vector graphics format, suitable for storing images constructed from a large number of simple geometric shapes - e.g. logos, icons, and so on. JPEG is a lossily compressed bitmap, best used for photos.

By: pk1001100011

pk1001100011 — Wed, 04 Aug 2010 12:15:38 +0000

Interesting but useless. It’s not possible to get smaller size of image after converting it from JPG to HMTL + CSS. Write application to convert JPG to SVG (SVG size smaller than JPG) – it’s theoretical possible but very hard. ;) If you write it you’ll be my master. ;)

By: White Shadow

White Shadow — Wed, 07 Jul 2010 11:44:46 +0000

The resulting HTML+CSS is rather large, so in the vast majority of cases you’d be better off using a real image like .JPG or .PNG instead. This converter is mostly a fun proof-of-concept, not something you should seriously consider using on your sites.

By: remote monitoring

remote monitoring — Wed, 07 Jul 2010 11:29:56 +0000

Neat! It’s like cross stitching a picture.
But how this affects the time of page downloaging?
And if I have several pictures on a page?

By: nikhil

nikhil — Fri, 25 Jun 2010 03:19:33 +0000

I like this article. Opera logo One of the most beautiful logo made with css .
I dont know why browser fail or hang when render monolesa and photos but this is interesting.

By: White Shadow

White Shadow — Thu, 17 Jun 2010 07:24:38 +0000

I know; I meant that as a matter of personal preference, I dislike the fact that Python’s syntax has significant whitespace.

By: AndrewYY

AndrewYY — Thu, 17 Jun 2010 02:20:36 +0000

I meant for creating the converter of course (in case there was confusion?). Whitespace helps for readability in that case.

By: White Shadow

White Shadow — Wed, 16 Jun 2010 22:34:59 +0000

Significant whitespace :/

By: AndrewYY

AndrewYY — Wed, 16 Jun 2010 22:24:40 +0000

this looks pretty neat. If I were to write something like this, I’d probably chose something like python to implement the trickier bits. Things are always easier in python :P