fix: sharpen Facebook link preview logo

Use a 1024px square PNG instead of scaling the 16px favicon.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: hthienloc

index.html

@@ -10,13 +10,20 @@
     content="Fcitx5 Lotus: Bộ gõ tiếng Việt hiện đại và hiệu năng cao cho Linux. Hỗ trợ đầy đủ các kiểu gõ Telex, VNI với trải nghiệm mượt mà." />
   <meta name="theme-color" content="#1e1e2e" />
   <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://lotusinputmethod.github.io/" />
   <meta property="og:title" content="Fcitx5 Lotus | Bộ gõ tiếng Việt cho Linux" />
   <meta property="og:description"
     content="Bộ gõ tiếng Việt hiện đại và hiệu năng cao cho Linux. Hỗ trợ đầy đủ các kiểu gõ Telex, VNI với trải nghiệm mượt mà." />
-  <meta property="og:image" content="/fcitx-lotus.svg" />
+  <meta property="og:image" content="https://lotusinputmethod.github.io/og-logo.png" />
+  <meta property="og:image:type" content="image/png" />
+  <meta property="og:image:width" content="1024" />
+  <meta property="og:image:height" content="1024" />
+  <meta property="og:image:alt" content="Logo hoa sen của Fcitx5 Lotus." />
   <meta name="twitter:card" content="summary" />
   <meta name="twitter:title" content="Fcitx5 Lotus | Bộ gõ tiếng Việt cho Linux" />
   <meta name="twitter:description" content="Bộ gõ tiếng Việt hiện đại và hiệu năng cao cho Linux." />
+  <meta name="twitter:image" content="https://lotusinputmethod.github.io/og-logo.png" />
+  <meta name="twitter:image:alt" content="Logo hoa sen của Fcitx5 Lotus." />
   <script>
     (function () {
       try {