Use a PNG share image for social previews.

Replace the SVG wordmark in Open Graph and Twitter cards with a 1731×909 PNG so Slack, LinkedIn, and X can render the preview.

Author: ejboy

changes.html

@@ -10,8 +10,13 @@
   <meta property="og:description" content="Release change history for Scriptella ETL.">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://scriptella.org/changes.html">
-  <meta property="og:image" content="https://scriptella.org/images/scriptella-logo.svg">
+  <meta property="og:image" content="https://scriptella.org/images/scriptella-og.png">
+  <meta property="og:image:type" content="image/png">
+  <meta property="og:image:alt" content="Scriptella">
+  <meta property="og:image:width" content="1731">
+  <meta property="og:image:height" content="909">
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:image" content="https://scriptella.org/images/scriptella-og.png">
   <meta name="twitter:title" content="Change History - Scriptella">
   <meta name="twitter:description" content="Release change history for Scriptella ETL.">
   <link rel="icon" href="favicon.ico" sizes="32x32">

download.html

@@ -10,8 +10,13 @@
   <meta property="og:description" content="Download Scriptella 1.6, an open source Java ETL and script execution tool. Binary, source, examples, Maven coordinates, and installer.">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://scriptella.org/download.html">
-  <meta property="og:image" content="https://scriptella.org/images/scriptella-logo.svg">
+  <meta property="og:image" content="https://scriptella.org/images/scriptella-og.png">
+  <meta property="og:image:type" content="image/png">
+  <meta property="og:image:alt" content="Scriptella">
+  <meta property="og:image:width" content="1731">
+  <meta property="og:image:height" content="909">
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:image" content="https://scriptella.org/images/scriptella-og.png">
   <meta name="twitter:title" content="Download Scriptella 1.6 — Java ETL Tool">
   <meta name="twitter:description" content="Download Scriptella 1.6, an open source Java ETL and script execution tool. Binary, source, examples, Maven coordinates, and installer.">
   <link rel="icon" href="favicon.ico" sizes="32x32">

faq.html

@@ -10,8 +10,13 @@
   <meta property="og:description" content="Frequently asked questions about Scriptella ETL.">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://scriptella.org/faq.html">
-  <meta property="og:image" content="https://scriptella.org/images/scriptella-logo.svg">
+  <meta property="og:image" content="https://scriptella.org/images/scriptella-og.png">
+  <meta property="og:image:type" content="image/png">
+  <meta property="og:image:alt" content="Scriptella">
+  <meta property="og:image:width" content="1731">
+  <meta property="og:image:height" content="909">
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:image" content="https://scriptella.org/images/scriptella-og.png">
   <meta name="twitter:title" content="FAQ — Scriptella">
   <meta name="twitter:description" content="Frequently asked questions about Scriptella ETL.">
   <link rel="icon" href="favicon.ico" sizes="32x32">

howto/create-database.html

@@ -10,8 +10,13 @@
   <meta property="og:description" content="Create an empty PostgreSQL or MariaDB database, then initialize its schema, load data, or migrate data with Scriptella.">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://scriptella.org/howto/create-database.html">
-  <meta property="og:image" content="https://scriptella.org/images/scriptella-logo.svg">
+  <meta property="og:image" content="https://scriptella.org/images/scriptella-og.png">
+  <meta property="og:image:type" content="image/png">
+  <meta property="og:image:alt" content="Scriptella">
+  <meta property="og:image:width" content="1731">
+  <meta property="og:image:height" content="909">
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:image" content="https://scriptella.org/images/scriptella-og.png">
   <meta name="twitter:title" content="Create and initialize a database — Scriptella">
   <meta name="twitter:description" content="Create an empty PostgreSQL or MariaDB database, then initialize its schema, load data, or migrate data with Scriptella.">
   <link rel="icon" href="../favicon.ico" sizes="32x32">

howto/initialize-database.html

@@ -10,8 +10,13 @@
   <meta property="og:description" content="Use Scriptella with Jakarta Servlet or Spring Framework 7 to initialize and upgrade a database when a Java application starts.">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://scriptella.org/howto/initialize-database.html">
-  <meta property="og:image" content="https://scriptella.org/images/scriptella-logo.svg">
+  <meta property="og:image" content="https://scriptella.org/images/scriptella-og.png">
+  <meta property="og:image:type" content="image/png">
+  <meta property="og:image:alt" content="Scriptella">
+  <meta property="og:image:width" content="1731">
+  <meta property="og:image:height" content="909">
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:image" content="https://scriptella.org/images/scriptella-og.png">
   <meta name="twitter:title" content="Initialize a database on application startup — Scriptella">
   <meta name="twitter:description" content="Use Scriptella with Jakarta Servlet or Spring Framework 7 to initialize and upgrade a database when a Java application starts.">
   <link rel="icon" href="../favicon.ico" sizes="32x32">

howto/migrate-from-ant.html

@@ -10,8 +10,13 @@
   <meta property="og:description" content="Convert Ant SQL task database scripts to Scriptella ETL files.">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://scriptella.org/howto/migrate-from-ant.html">
-  <meta property="og:image" content="https://scriptella.org/images/scriptella-logo.svg">
+  <meta property="og:image" content="https://scriptella.org/images/scriptella-og.png">
+  <meta property="og:image:type" content="image/png">
+  <meta property="og:image:alt" content="Scriptella">
+  <meta property="og:image:width" content="1731">
+  <meta property="og:image:height" content="909">
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:image" content="https://scriptella.org/images/scriptella-og.png">
   <meta name="twitter:title" content="Migrate from the Ant SQL task — Scriptella">
   <meta name="twitter:description" content="Convert Ant SQL task database scripts to Scriptella ETL files.">
   <link rel="icon" href="../favicon.ico" sizes="32x32">

images/scriptella-og.png

@@ -10,8 +10,13 @@
   <meta property="og:description" content="Scriptella is an open source Java ETL and script execution tool built around SQL and simple XML configuration.">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://scriptella.org/">
-  <meta property="og:image" content="https://scriptella.org/images/scriptella-logo.svg">
+  <meta property="og:image" content="https://scriptella.org/images/scriptella-og.png">
+  <meta property="og:image:type" content="image/png">
+  <meta property="og:image:alt" content="Scriptella">
+  <meta property="og:image:width" content="1731">
+  <meta property="og:image:height" content="909">
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:image" content="https://scriptella.org/images/scriptella-og.png">
   <meta name="twitter:title" content="Scriptella — Simple ETL and script execution">
   <meta name="twitter:description" content="Scriptella is an open source Java ETL and script execution tool built around SQL and simple XML configuration.">
   <script type="application/ld+json">
@@ -24,6 +29,7 @@
         "name": "Scriptella",
         "description": "An open source Java ETL and script execution tool built around SQL and simple XML configuration.",
         "url": "https://scriptella.org/",
+        "image": "https://scriptella.org/images/scriptella-og.png",
         "applicationCategory": "DeveloperApplication",
         "operatingSystem": "Linux, macOS, Windows",
         "softwareRequirements": "Java 17 or later",

index.html

@@ -10,8 +10,13 @@
   <meta property="og:description" content="Scriptella license — Apache License, Version 2.0.">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://scriptella.org/license.html">
-  <meta property="og:image" content="https://scriptella.org/images/scriptella-logo.svg">
+  <meta property="og:image" content="https://scriptella.org/images/scriptella-og.png">
+  <meta property="og:image:type" content="image/png">
+  <meta property="og:image:alt" content="Scriptella">
+  <meta property="og:image:width" content="1731">
+  <meta property="og:image:height" content="909">
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:image" content="https://scriptella.org/images/scriptella-og.png">
   <meta name="twitter:title" content="License — Scriptella">
   <meta name="twitter:description" content="Scriptella license — Apache License, Version 2.0.">
   <link rel="icon" href="favicon.ico" sizes="32x32">

license.html

@@ -10,8 +10,13 @@
   <meta property="og:description" content="Links related to Scriptella ETL.">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://scriptella.org/links.html">
-  <meta property="og:image" content="https://scriptella.org/images/scriptella-logo.svg">
+  <meta property="og:image" content="https://scriptella.org/images/scriptella-og.png">
+  <meta property="og:image:type" content="image/png">
+  <meta property="og:image:alt" content="Scriptella">
+  <meta property="og:image:width" content="1731">
+  <meta property="og:image:height" content="909">
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:image" content="https://scriptella.org/images/scriptella-og.png">
   <meta name="twitter:title" content="Links — Scriptella">
   <meta name="twitter:description" content="Links related to Scriptella ETL.">
   <link rel="icon" href="favicon.ico" sizes="32x32">