add og:image:width and og:image:height

These are considered a best practice by Facebook and result in the image
appearing properly when shared for the first time. It will also be quite
useful when there are multiple images suited to different sizes.

8 files changed, 16 insertions, 0 deletions

diff --git a/static/build.html b/static/build.html
index 9d05090f..16bd3784 100644
--- a/static/build.html
+++ b/static/build.html
@@ -10,6 +10,8 @@
         <meta property="og:description" content="Building instructions for GrapheneOS, a security and privacy focused mobile OS with Android app compatibility."/>
         <meta property="og:type" content="website"/>
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
+        <meta property="og:image:width" content="697"/>
+        <meta property="og:image:height" content="599"/>
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/build"/>
         <meta property="og:site_name" content="GrapheneOS"/>
diff --git a/static/contact.html b/static/contact.html
index 21f6acbe..c5acb884 100644
--- a/static/contact.html
+++ b/static/contact.html
@@ -10,6 +10,8 @@
         <meta property="og:description" content="Contact information for GrapheneOS."/>
         <meta property="og:type" content="website"/>
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
+        <meta property="og:image:width" content="697"/>
+        <meta property="og:image:height" content="599"/>
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/contact"/>
         <meta property="og:site_name" content="GrapheneOS"/>
diff --git a/static/donate.html b/static/donate.html
index dfdf7f64..f6af3302 100644
--- a/static/donate.html
+++ b/static/donate.html
@@ -10,6 +10,8 @@
         <meta property="og:description" content="Donating to support development of GrapheneOS."/>
         <meta property="og:type" content="website"/>
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
+        <meta property="og:image:width" content="697"/>
+        <meta property="og:image:height" content="599"/>
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/donate"/>
         <meta property="og:site_name" content="GrapheneOS"/>
diff --git a/static/index.html b/static/index.html
index 907cc83b..dd8b8863 100644
--- a/static/index.html
+++ b/static/index.html
@@ -10,6 +10,8 @@
         <meta property="og:description" content="GrapheneOS is a security and privacy focused mobile OS with Android app compatibility."/>
         <meta property="og:type" content="website"/>
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
+        <meta property="og:image:width" content="697"/>
+        <meta property="og:image:height" content="599"/>
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/"/>
         <meta property="og:site_name" content="GrapheneOS"/>
diff --git a/static/install.html b/static/install.html
index e715a922..c24f7adc 100644
--- a/static/install.html
+++ b/static/install.html
@@ -10,6 +10,8 @@
         <meta property="og:description" content="Installation instructions for GrapheneOS, a security and privacy focused mobile OS with Android app compatibility."/>
         <meta property="og:type" content="website"/>
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
+        <meta property="og:image:width" content="697"/>
+        <meta property="og:image:height" content="599"/>
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/install"/>
         <meta property="og:site_name" content="GrapheneOS"/>
diff --git a/static/releases.html b/static/releases.html
index adfa5230..a076d76a 100644
--- a/static/releases.html
+++ b/static/releases.html
@@ -10,6 +10,8 @@
         <meta property="og:description" content="Official releases of GrapheneOS, a security and privacy focused mobile OS with Android app compatibility."/>
         <meta property="og:type" content="website"/>
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
+        <meta property="og:image:width" content="697"/>
+        <meta property="og:image:height" content="599"/>
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/releases"/>
         <meta property="og:site_name" content="GrapheneOS"/>
diff --git a/static/source.html b/static/source.html
index dabf9202..82be7efd 100644
--- a/static/source.html
+++ b/static/source.html
@@ -10,6 +10,8 @@
         <meta property="og:description" content="Source code and issue trackers for GrapheneOS."/>
         <meta property="og:type" content="website"/>
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
+        <meta property="og:image:width" content="697"/>
+        <meta property="og:image:height" content="599"/>
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/source"/>
         <meta property="og:site_name" content="GrapheneOS"/>
diff --git a/static/usage.html b/static/usage.html
index e9201a3f..81cfb295 100644
--- a/static/usage.html
+++ b/static/usage.html
@@ -10,6 +10,8 @@
         <meta property="og:description" content="Usage instructions for GrapheneOS, a security and privacy focused mobile OS with Android app compatibility."/>
         <meta property="og:type" content="website"/>
         <meta property="og:image" content="https://grapheneos.org/graphene.png"/>
+        <meta property="og:image:width" content="697"/>
+        <meta property="og:image:height" content="599"/>
         <meta property="og:image:alt" content="GrapheneOS logo"/>
         <meta property="og:url" content="https://grapheneos.org/usage"/>
         <meta property="og:site_name" content="GrapheneOS"/>