9 Feb 2020 |
cloudrac3r | Why do you hate antialiasing? You're using it right now to read this text, see my avatar, and render the chat icons. | 02:15:22 |
cloudrac3r | When you don't antialias you get this garbage https://cdn.discordapp.com/attachments/112760669178241024/675595191826120714/unknown.png | 02:16:14 |
TheFrenchGhosty | I understand and that's good to know, I really don't use svg enough | 02:16:39 |
cloudrac3r | the key point is that there is no such thing as a "pure" or "true" way to convert lines to pixels. | 02:17:15 |
TheFrenchGhosty | It's not that I hate antialiasing it's just that when creating the website (where I will host stuff including bibliogram) I was looking for a way to have a fixed size png (because I'm bad at CSS) and noticed it when converting the existing png | 02:18:59 |
TheFrenchGhosty | TLDR; needed a png for that: | 02:20:02 |
cloudrac3r | include the svg for better resolution | 02:20:04 |
TheFrenchGhosty | Download s.png | 02:20:07 |
cloudrac3r | phones can display it as hidpi then | 02:20:19 |
TheFrenchGhosty | The thing is that the SVG was forcing the card at a bigger resolution (and for whatever reason using width:XXXpx didn't work) | 02:21:16 |
cloudrac3r | css for images sucks, you can make it work | 02:21:48 |
TheFrenchGhosty | it wasn't css, it was a img tag | 02:22:12 |
cloudrac3r | see: the banner on the bibliogram.art home | 02:22:17 |
cloudrac3r | yeah well you need to apply css to the img to change how it displays of course | 02:22:31 |
TheFrenchGhosty | This didn't work
<img src="images/bibliogram.svg" width:100px>
| 02:23:04 |
cloudrac3r | well thats because you suck at writing html | 02:23:17 |
TheFrenchGhosty | Exactly | 02:23:27 |
cloudrac3r | put that in the w3 validator lol | 02:23:30 |
cloudrac3r | (1) attributes have = not : so you want width=100px | 02:23:55 |
TheFrenchGhosty | That was from https://stackoverflow.com/questions/3120739/resizing-svg-in-html | 02:23:53 |
TheFrenchGhosty | <img width="200px" src="lion.svg"></img>
| 02:24:13 |
cloudrac3r | (2) the img width attribute has no units so you want width=100 | 02:24:17 |
TheFrenchGhosty | (I used quote) | 02:24:25 |
cloudrac3r | (3) the img width attribute is actually used to specify the intrinsic width of the image file, not what size to display it at | 02:24:55 |
TheFrenchGhosty | In reply to @cloudrac3r:cadence.moe:8111 (3) the img width attribute is actually used to specify the intrinsic width of the image file, not what size to display it at So the stackoverflow was wrong? | 02:25:50 |
cloudrac3r | if your image is 800 pixels wide and you want to display it 200 pixels wide:
(1) img attribute width=800 (2) css for the img width: 200px | 02:25:59 |
TheFrenchGhosty | Oh ok | 02:26:17 |
cloudrac3r | In reply to @thefrenchghosty:privacytools.io So the stackoverflow was wrong? afaict yes | 02:26:39 |
cloudrac3r | read the docs/spec on mdn | 02:26:46 |
TheFrenchGhosty | Well, thanks | 02:26:54 |