Webdesign tip: SVG files are smaller in practice than it may appear.
If you use an image on a webpage that you have as a vector graphic, it's usually a good idea to use SVG instead of raster formats like JPG/PNG. Given high resolution displays and zooming habits, your width="[pixelsize]" is practically not what's displayed, and it'll look better if it can be zoomed without losses. But if you're an optimization perfectionist, you may look at file size, which can be misleading. 🧵
hanno
npub1sy…83cq9
2025-02-20 08:32:28 UTC
Author Public Key
npub1syue7pmxnqdduqh2ydqwavs0vx056jnc5zxmlg6lxecrl9zdtxfq283cq9Seen on
wss://relay.momostr.pinkPublished at
2025-02-20 08:32:28 UTCEvent JSON
{
"id": "038027fd372c7c772bc5f30fd4a35bf774b9c8158c737673182eaf3c663cf0e4",
"pubkey": "81399f0766981ade02ea2340eeb20f619f4d4a78a08dbfa35f36703f944d5992",
"created_at": 1740040348,
"kind": 1,
"tags": [
[
"proxy",
"https://mastodon.social/@hanno/114035284277560512",
"web"
],
[
"proxy",
"https://mastodon.social/users/hanno/statuses/114035284277560512",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://mastodon.social/users/hanno/statuses/114035284277560512",
"pink.momostr"
],
[
"-"
]
],
"content": "Webdesign tip: SVG files are smaller in practice than it may appear.\nIf you use an image on a webpage that you have as a vector graphic, it's usually a good idea to use SVG instead of raster formats like JPG/PNG. Given high resolution displays and zooming habits, your width=\"[pixelsize]\" is practically not what's displayed, and it'll look better if it can be zoomed without losses. But if you're an optimization perfectionist, you may look at file size, which can be misleading. 🧵",
"sig": "be6e469750bc2d950fd29586665b8ba2ef9f956f5e9a3fb4b880f705b9517520b18a40852036efb8b51e1ba774f84b6517add7a9ba25e5b443eb28ac32aaa2b9"
}