embed fix again

This commit is contained in:
MathMan05 2024-07-31 11:56:03 -05:00
parent de14aaf4e8
commit 6942a1736c
5 changed files with 9 additions and 24 deletions

View file

@ -2,14 +2,14 @@ This is for in the future when I want to compress more images or anyone else for
PNGs: PNGs:
https://squoosh.app/ 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 good at reducing the pallet, a first step for images that have a limited number of colors, bad at actually compressing things though
pngcrush pngcrush
Good, but should be ran before optipng, but isn't as good as it, use in tandom Good, but should be ran before optipng, but isn't as good as it, use in tandom
optipng optipng
The best tool to really shrink pngs to be as small as they can be. The best tool to really shrink pngs to be as small as they can be.
SVGs: SVGs:
https://www.svgminify.com/ https://svgomg.net/
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. 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 I may look into other formats soon as well, though these are the main two I'm currently using

View file

@ -1,12 +1 @@
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 135.5 135.5"><path fill="navy" d="m5.3.6 96.2-.5 24.4 70.3-101.5.5L0 .6z"/><path fill="#000036" d="m99.5.4 1.9-.2 24.4 70.3-7.2.2L94.2.4z"/><ellipse cx="74.4" cy="54.1" rx="7.3" ry="21.6"/><ellipse cx="39.9" cy="54.1" rx="7.3" ry="21.6"/><path fill="navy" d="m15.4 65.4 96.2-.6 24.4 70.3-101.5.6-24.4-70.3z"/><path fill="#000034" d="m38 130.4 96.2-.6 1.7 5.7-101.5.6-1.7-5.7z"/><path fill="#000036" d="m111.4 71 1.8-.2 22.8 65-7.2.2-22.7-65z"/><path d="M33.4 65.3H21a7.3 21.6 0 0 0 6.3 10.4 7.3 21.6 0 0 0 6.2-10.5zm22.1-.2a7.3 21.6 0 0 0 6.2 10.7A7.3 21.6 0 0 0 68 65z"/></svg>
<svg width="512" height="512" version="1.1" viewBox="0 0 135.47 135.47" xmlns="http://www.w3.org/2000/svg">
<path d="m5.3065 0.6223 96.166-0.5314 24.4 70.265-101.49 0.56081-24.4-70.265z" fill="#000080" stroke-width=".28202"/>
<path d="m99.496 0.40566 1.8729-0.20023 24.4 70.265-7.1967 0.22965-24.4-70.265z" fill="#000036" stroke-width=".28202"/>
<ellipse cx="74.43" cy="54.084" rx="7.3397" ry="21.623" stroke-width=".26458"/>
<ellipse cx="39.87" cy="54.081" rx="7.3397" ry="21.623" stroke-width=".26458"/>
<path d="m15.457 65.374 96.166-0.5314 24.4 70.265-101.49 0.56082-24.4-70.265z" fill="#000080" stroke-width=".28202"/>
<path d="m37.993 130.38 96.166-0.53139 1.7465 5.6917-101.49 0.56082-1.7465-5.6917z" fill="#000034" stroke-width=".28202"/>
<path d="m111.38 71.044 1.8729-0.20023 22.77 64.985-7.1967 0.22965-22.77-64.985z" fill="#000036" stroke-width=".28202"/>
<path d="m33.419 65.252-12.468 0.06925a7.3397 21.623 0 0 0 6.2265 10.431 7.3397 21.623 0 0 0 6.2415-10.5z" stroke-width=".26458"/>
<path d="m55.469 65.13a7.3397 21.623 0 0 0 6.2684 10.624 7.3397 21.623 0 0 0 6.2828-10.693z" stroke-width=".26458"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 632 B

Before After
Before After

View file

@ -1,15 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Jank Client</title> <title>Jank Client</title>
<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="/bitmap.png" property="og:image" /> <meta content="/bitmap.png" property="og:image" />
<meta content="#4b458c" data-react-helmet="true" name="theme-color" /> <meta content="#4b458c" data-react-helmet="true" name="theme-color" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="/style.css" rel="stylesheet" type="text/css" /> <link href="/style.css" rel="stylesheet" type="text/css" />
<link href="/themes.css" rel="stylesheet" type="text/css" id="lightcss"/> <link href="/themes.css" rel="stylesheet" type="text/css" id="lightcss"/>

View file

@ -1,13 +1,12 @@
<body> <body>
<head> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jank Client</title> <title>Jank Client</title>
<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="/bitmap.png" property="og:image" /> <meta content="/bitmap.png" property="og:image" />
<meta content="#4b458c" data-react-helmet="true" name="theme-color" /> <meta content="#4b458c" data-react-helmet="true" name="theme-color" />
<meta charset="utf-8">
<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" />
<link href="/themes.css" rel="stylesheet" type="text/css" id="lightcss"/> <link href="/themes.css" rel="stylesheet" type="text/css" id="lightcss"/>
</head> </head>

View file

@ -1,13 +1,12 @@
<body> <body>
<head> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jank Client</title> <title>Jank Client</title>
<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="/bitmap.png" property="og:image" /> <meta content="/bitmap.png" property="og:image" />
<meta content="#4b458c" data-react-helmet="true" name="theme-color" /> <meta content="#4b458c" data-react-helmet="true" name="theme-color" />
<meta charset="utf-8">
<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" />
<link href="/themes.css" rel="stylesheet" type="text/css" id="lightcss"/> <link href="/themes.css" rel="stylesheet" type="text/css" id="lightcss"/>
</head> </head>