Create a better social preview image

[hfu]

The current one

See: https://unopengis.github.io/smartmaps/about/brand/#provisional-social-preview-image

GitHub requirement

Images should be at least 640×320px (1280×640px for best display).

ChatGPT suggestion

A social preview image, also known as a social media thumbnail or social media sharing image, is an image that is displayed when a webpage or article is shared on social media platforms such as Facebook, Twitter, LinkedIn, or Pinterest. It serves as a visual representation of the shared content and can help attract attention and engagement from users.

The specific requirements for a social preview image can vary slightly depending on the platform, but here are some general guidelines:

Size: The recommended size for a social preview image typically falls within the range of 1200 pixels to 1800 pixels in width and 630 pixels to 1200 pixels in height. It's important to note that different platforms may have different optimal dimensions, so it's a good idea to consult the specific guidelines for each platform.
Aspect ratio: A common aspect ratio for social preview images is 1.91:1, although other ratios like 1:1 or 16:9 might also work well. The aspect ratio determines how the image will be displayed within the social media feed.
File format: JPEG and PNG are the most widely supported file formats for social preview images. Both formats are compatible with various platforms and offer good image quality while keeping the file size relatively small.
Image content: The social preview image should be visually appealing and relevant to the content being shared. It should capture the essence of the article or webpage and entice users to click and engage with the shared content. Using high-quality images, clear and readable text (if applicable), and compelling visuals can help increase the effectiveness of the social preview image.
Design considerations: Since social media platforms often display social preview images in different ways, it's important to consider the placement of text or important elements within the image. Avoid placing critical information close to the edges of the image, as it may get cropped or obscured on certain platforms.
Testing: It's a good practice to test how your social preview image appears on different platforms before publishing or sharing it widely. Most social media management tools or website platforms allow you to preview how your content will appear when shared on various platforms, helping you optimize the image accordingly.
Remember to review the specific guidelines provided by each social media platform you intend to share your content on, as they may have specific requirements or recommendations for social preview images.

[albertkun]

@hfu Can we have Dall-E modify the social preview image for us? 😄

On a more serious note though, I mentioned this suggestion on Matrix, maybe we can leave out the objectives for version a of the social preview image:

[albertkun]

@hfu

Changes

• Color to match UN Open GIS logo
• resized to fit GitHub resolutions above

[hfu]

@albertkun Thanks! I update the social preview image of https://github.com/UNopenGIS/7.

[hfu]

Uploaded to https://github.com/UNopenGIS/smartmaps (social preview image under Settings), too.

[hfu]

@albertkun if you are OK about how we locate the social preview image in the Documentation site, I think we are good to close this issue. Thanks!

[albertkun]

@hfu Yes, I think it looks good! I will go ahead and close this issue!