redid compression and hopefully fixed the embed

This commit is contained in:
MathMan05 2024-07-31 11:25:24 -05:00
parent 539e091640
commit de14aaf4e8
6 changed files with 21 additions and 6 deletions

15
CompressingImages.txt Normal file
View file

@ -0,0 +1,15 @@
This is for in the future when I want to compress more images or anyone else for that matter.
PNGs:
https://squoosh.app/
good at reducing the pallet, a first step for images that have a limited number of colors, bad at actually compressing thins though
pngcrush
Good, but should be ran before optipng, but isn't as good as it, use in tandom
optipng
The best tool to really shrink pngs to be as small as they can be.
SVGs:
https://www.svgminify.com/
great tool, if anyone knows how to squish them further, let me know, some manual work may go a long way to help shrink svgs, though I'm not doing that right now lol.
I may look into other formats soon as well, though these are the main two I'm currently using

BIN
webpage/bitmap.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 906 B

Before After
Before After

View file

@ -5,8 +5,8 @@
<meta content="Jank Client" property="og:title" /> <meta content="Jank Client" property="og:title" />
<meta content="A spacebar client that has DMs, replying and more" property="og:description" /> <meta content="A spacebar client that has DMs, replying and more" property="og:description" />
<meta content="/login.html" property="og:url" /> <meta content="/login.html" property="og:url" />
<meta content="/bitmap.svg" property="og:image" /> <meta content="/bitmap.png" property="og:image" />
<meta content="#2a2840" data-react-helmet="true" name="theme-color" /> <meta content="#4b458c" data-react-helmet="true" name="theme-color" />
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

View file

@ -4,8 +4,8 @@
<meta content="Jank Client" property="og:title" /> <meta content="Jank Client" property="og:title" />
<meta content="A spacebar client that has DMs, replying and more" property="og:description" /> <meta content="A spacebar client that has DMs, replying and more" property="og:description" />
<meta content="/login.html" property="og:url" /> <meta content="/login.html" property="og:url" />
<meta content="/bitmap.svg" property="og:image" /> <meta content="/bitmap.png" property="og:image" />
<meta content="#2a2840" data-react-helmet="true" name="theme-color" /> <meta content="#4b458c" data-react-helmet="true" name="theme-color" />
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/style.css" rel="stylesheet" type="text/css" /> <link href="/style.css" rel="stylesheet" type="text/css" />

View file

@ -4,8 +4,8 @@
<meta content="Jank Client" property="og:title" /> <meta content="Jank Client" property="og:title" />
<meta content="A spacebar client that has DMs, replying and more" property="og:description" /> <meta content="A spacebar client that has DMs, replying and more" property="og:description" />
<meta content="/login.html" property="og:url" /> <meta content="/login.html" property="og:url" />
<meta content="/bitmap.svg" property="og:image" /> <meta content="/bitmap.png" property="og:image" />
<meta content="#2a2840" data-react-helmet="true" name="theme-color" /> <meta content="#4b458c" data-react-helmet="true" name="theme-color" />
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/style.css" rel="stylesheet" type="text/css" /> <link href="/style.css" rel="stylesheet" type="text/css" />