my website is already getting bloated

huge

@aetios "bloated" its fine aety

@aetios@sns.minovsky.space my connection can't handle this

@amoonrabbit it's already 2 seconds at dialup speeds

@aetios What did you add? An image?!

@thomastospace worse: several

@aetios @thomastospace Then its not bloat its content

@stefan @thomastospace im just trying to keep this website tiny ;0

@aetios @thomastospace Images and tiny don't really go together that well. Though I guess volpeon might have some ideas for galleries and stuff

@stefan@akko.lightnovel-dungeon.de @thomastospace@phpc.social @aetios@sns.minovsky.space perhaps try to minify and compress it (with brotli) ?

@sandycorzeta @aetios @thomastospace @stefan gzip compression is already enough.

@aetios @thomastospace if you add medias (img, etc), that's fine.

unless you want to keep the site as tiny as possible, ensure that the medias that you show in your website is a resized / reduced version of the full media.

@yonle @thomastospace yeah thats what i'm doing, I already shaved 10KiB off again :p

@aetios @stefan

With graphicsmagick on the commandline you can optimize pngs by reducing their colors.
https://stackoverflow.com/questions/4228027/what-options-for-convert-imagemagick-or-graphicsmagick-produce-the-smallest-f

Basically, png has a 'map' of colors, and each color gets assigned an id in binary. If you reduce the colors, that id gets smaller.

Two images below. One is 30.7 KB, the other one 5.3 KB. TinyPNG got to 9 KB for it, so I've beaten it!

I've used -colors 8 for this. It helps that there's hardly any different colors in here. It's a bit of trial & error per image.

@thomastospace @stefan i do this with gimp currently, but I can also try this, thanks, fun tip!

@aetios @stefan With Gimp I used to master this, but I couldn't find the color map function anymore recently :(

@thomastospace @stefan image -> mode -> indexed