- Joined
- Dec 17, 2019
I think Null simply worded his request wrong by saying "rasterize" instead of "vectorize". He attached example raster graphics, which are files like .jpg, .png etc where the resolution is hard set by the amount of pixels, whereas he wanted this graphic to be vectorized, which is an .svg file, which can be scaled as much as you wish and it'll retain the image sharpness, which is what you want to use in web dev.I fixed it. Should've read the whole thing before posting. I doubt Null will use this, but here it is anyway.
For example this site's logo, Chris emotes and post reactions are all vector images, meaning that if you open the site on a phone with a large pixel density screen, those images will look as sharp as they would on a 1080p desktop screen. And vector images are just a few strings of text in XML format telling you what shape to draw, so .svg files are also very lightweight.
If you were to use a .png like that it would look blurry on higher resolutions, and if you were to keep it in size that'd scale well on all resolutions that file would weight a couple megabytes whereas a .svg file would weigh only a few kilobytes, which is also what you'd want for webdev as not everyone has an unlimited data plan on a fiber connection.