[jira] [Resolved] (ARROW-15125) [Website] Social media link preview image looks bad in dark mode

["Neal Richardson (Jira)" <ji...@apache.org>]

     [ https://issues.apache.org/jira/browse/ARROW-15125?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Neal Richardson resolved ARROW-15125.
-------------------------------------
    Resolution: Fixed

> [Website] Social media link preview image looks bad in dark mode
> ----------------------------------------------------------------
>
>                 Key: ARROW-15125
>                 URL: https://issues.apache.org/jira/browse/ARROW-15125
>             Project: Apache Arrow
>          Issue Type: Improvement
>          Components: Website
>            Reporter: Ian Cook
>            Priority: Major
>         Attachments: image-2021-12-15-21-18-51-137.png
>
>
> The social media link preview image (a.k.a. social share image) for the Arrow site looks really really bad when displayed on Twitter with dark mode switched on:
> !image-2021-12-15-21-18-51-137.png|width=495,height=349!
> I don't know whether this affects the preview image on other social media sites.
> This is happening because the preview image is a transparent PNG image with black content on a transparent background, and the background becomes black in dark mode, leaving barely visible black on black.
> I believe the preview image is controlled by these {{<meta>}} elements (depending on which social media site the preview is displayed on):
> {code:java}
> <meta property="og:image" content="https://arrow.apache.org/img/arrow.png">
> <meta property="twitter:image" content="https://arrow.apache.org/img/arrow.png">{code}
> I think the simplest way to fix this would be to point these {{<meta>}} elements to a PNG image with an opaque white background.
> Perhaps it's also possible to specify separate social share images for light and dark mode, but I'm not sure about that.



--
This message was sent by Atlassian Jira
(v8.20.10#820010)