RE: Help me with my new website!
December 8, 2017 at 9:21 am
(This post was last modified: December 8, 2017 at 10:51 am by bennyboy.)
(December 8, 2017 at 3:29 am)FlatAssembler Wrote: I've never actually experimented with image formats. I remember only we've learnt in school that PNG uses a lossless compression algorithm which doesn't do anything unless you have large areas of the same color. But nearly everything we've learnt in school about informatics (as well as linguistics or anything else I've studied further on the Internet) is either false or greatly oversimplified, so it may as well be that's also.
As I said, you can check it yourself in about 10 seconds. Just take a clip of the browser when it's displaying your corner, save it as .png or .jpg, and see how many kB it takes. For something as simple as yours, I'm guessing like 20kB, but I'm not sure exactly how .png handles bi-axial gradients.
(December 8, 2017 at 9:21 am)bennyboy Wrote:(December 8, 2017 at 3:29 am)FlatAssembler Wrote: I've never actually experimented with image formats. I remember only we've learnt in school that PNG uses a lossless compression algorithm which doesn't do anything unless you have large areas of the same color. But nearly everything we've learnt in school about informatics (as well as linguistics or anything else I've studied further on the Internet) is either false or greatly oversimplified, so it may as well be that's also.
As I said, you can check it yourself in about 10 seconds. Just take a clip of the browser when it's displaying your corner, save it as .png or .jpg, and see how many kB it takes. For something as simple as yours, I'm guessing like 20kB, but I'm not sure exactly how .png handles bi-axial gradients.
Dude, I'm great. 1 corner renders down to almost exactly 20kB. i.e. it's nothing, even at your connection speed.
Set it as the background in a div using css, and you can easily update or change it later. And to answer your previous question-- yes, the current .svg graphic now seems to be scaling properly.
BTW the point of vector graphics is to have a super-smooth edge, but tbh in Chrome your border does not render out nearly as well as a photoshopped arc would if you smooth the edge. 100% it will look better if you make it in photoshop.