YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-03-15 18:20:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: use webp compression on logo (#2756)

Browse Source 
- Logo size reduced from 310 KB to 36 KB.
- Point metadata image URL to local logo instead of remote
This commit is contained in:
Lincoln Nogueira 2024-01-14 11:21:03 -03:00 committed by GitHub
parent 98762be1e5
commit 089e04bcfd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
server/frontend/frontend.go
View File

@ -157,7 +157,7 @@ func getDefaultMetadata() *Metadata {
return &Metadata{
Title: "Memos",
Description: "A privacy-first, lightweight note-taking service. Easily capture and share your great thoughts.",
ImageURL: "https://www.usememos.com/logo.png",
ImageURL: "/logo.webp",
}
}

2
web/index.html
View File

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/logo.png" type="image/*" />
<link rel="icon" href="/logo.webp" type="image/*" />
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f4f4f5" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#18181b" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

BIN
web/public/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 311 KiB

BIN
web/public/logo.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

2
web/src/App.tsx
View File

@ -78,7 +78,7 @@ const App = () => {
useEffect(() => {
document.title = systemStatus.customizedProfile.name;
const link = document.querySelector("link[rel~='icon']") as HTMLLinkElement;
link.href = systemStatus.customizedProfile.logoUrl || "/logo.png";
link.href = systemStatus.customizedProfile.logoUrl || "/logo.webp";
}, [systemStatus.customizedProfile]);
useEffect(() => {

2
web/src/components/UpdateCustomizedProfileDialog.tsx
View File

@ -63,7 +63,7 @@ const UpdateCustomizedProfileDialog: React.FC<Props> = ({ destroy }: Props) => {
const handleRestoreButtonClick = () => {
setPartialState({
name: "memos",
logoUrl: "/logo.png",
logoUrl: "/logo.webp",
description: "",
locale: "en",
appearance: "system",

2
web/src/components/UserAvatar.tsx
View File

@ -11,7 +11,7 @@ const UserAvatar = (props: Props) => {
<div className={classNames(`w-8 h-8 overflow-clip rounded-full`, className)}>
<img
className="w-full h-auto rounded-full shadow min-w-full min-h-full object-cover dark:opacity-80"
src={avatarUrl || "/logo.png"}
src={avatarUrl || "/logo.webp"}
decoding="async"
loading="lazy"
alt=""

4
web/src/store/module/global.ts
View File

@ -21,7 +21,7 @@ export const initialGlobalState = async () => {
memoDisplayWithUpdatedTs: false,
customizedProfile: {
name: "Memos",
logoUrl: "/logo.png",
logoUrl: "/logo.webp",
description: "",
locale: "en",
appearance: "system",
@ -37,7 +37,7 @@ export const initialGlobalState = async () => {
...data,
customizedProfile: {
name: customizedProfile.name || "Memos",
logoUrl: customizedProfile.logoUrl || "/logo.png",
logoUrl: customizedProfile.logoUrl || "/logo.webp",
description: customizedProfile.description,
locale: customizedProfile.locale || "en",
appearance: customizedProfile.appearance || "system",

2
web/src/store/reducer/global.ts
View File

@ -26,7 +26,7 @@ const globalSlice = createSlice({
memoDisplayWithUpdatedTs: false,
customizedProfile: {
name: "Memos",
logoUrl: "/logo.png",
logoUrl: "/logo.webp",
description: "",
locale: "en",
appearance: "system",