'Crafty' template in design cloud - best practices for odd-sized featured image and social sharing?

Support
#1

Crafty is a very nice theme, and there is a good chance that I’ll want to use it as a starting point for my new ecommerce site.

However, the featured images for blog posts in the theme are portrait (320x400px, or something like that). Won’t these images will be problematic when sharing post URLs to social media, because they won’t fit the expected size or aspect ratio requirements of Facebook, Pinterest, etcetera?

Sorry if this is a daft question, but what do you suggest as best practice to avoid weird image problems when sharing Crafty blog posts?

Thanks

Eric

#2

Hi Eric,

Thank you for writing in, those images are only place-holder, you can use a landscape-oriented featured image on your posts. It should not affect the Blog post layout.

Cheers,

#3

Okay, I see that if I load a landscape image into a post then both the blog post layout and the blog post itself retain the nice design proportions. To my limited knowledge, it seems that the image looks cropped, but actually isn’t — so as long I am careful to ensure that the important part of the image is in the centre then it’ll work fine. That’s great.

However, some quick questions if I may:

  1. The test image I selected from Pexels was 1880x1170px — far bigger than I need for a featured image, and would be needlessly bad for performance of course. In the source view of the output page I see references to a 1050x653px version of the image — is this the one that is actually loaded (and then further ‘resized’ and ‘cropped’ by HTML)?
  2. Is there a way I can change it so that the featured image that will get shared to social media is 1200x630px?
  3. Is there a way that I can make WordPress automatically resize and crop featured images to be exactly 1200x630px, no matter what the user uploads?
#4

Hi @TipMaster,

Let me clarify your queries here:

  1. Any images that uploaded to the WordPress is been cropped to the specific size, that mentioned at Settings > Media.
    By default it stores Thumbnail,Medium,Large, and the Original one. It cropped the image to the size of the image is bigger than the mentioned size.
    Post and Pages used those images based on the mentioned size by name as specified at the Media tab under Settings.

  2. You can learn how to use the featured image as per your need from this article.

  3. You can add your own image size by using add_image_size function or any plugins which help on this. May this article helps you on this.

NOTE: Best aspect ratio for an image to maintain is 16:9

Please remember that we don’t offer any support to the 3rd Party plugins or Custom codes.

Thanks

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.