RE: Help me with my new website!
December 7, 2017 at 5:48 pm
(This post was last modified: December 7, 2017 at 5:50 pm by bennyboy.)
You have the wrong idea about .png. This is a compressed format, and will cause very little overhead, especially for something as simple as a 2-color gradient image; maybe a super-complex Jackson Pollack painting or something would cause a slightly larger file size. Not only that, once your system has loaded the image in the .css once, it will stay buffered in you temp files pretty much forever. If you or your users can't load a super-simple image, than a website just isn't going to work out, anyway. A .png the size we're talking about will be maybe 100kB at most, and I'm pretty sure by using -width in css, you can use the same image for both the left and right corners.
I also use .svg: I use it for my company logo, which is circular and has an elaborate font. But please believe me when I tell you: unless you are going to be doing animated zooms in and out, you really don't want to use .svg. But don't believe me, try it yourself: take a screen clip of the corner of your page, save it as .jpeg or .png, save it at medium compression, and you will see exactly how many kB it does (read: doesn't) take.
I also use .svg: I use it for my company logo, which is circular and has an elaborate font. But please believe me when I tell you: unless you are going to be doing animated zooms in and out, you really don't want to use .svg. But don't believe me, try it yourself: take a screen clip of the corner of your page, save it as .jpeg or .png, save it at medium compression, and you will see exactly how many kB it does (read: doesn't) take.
