229: How To Preview Twitter Post Before Publishing Your Story on Medium
Featured Images & Twitter Cards
You write a story on Medium.com
You add an image from Unsplash or upload your own.
You add keywords, select Featured Image, check the box to Share on Twitter.
1. You check Twitter and see your post, but no image.
2. You check Twitter and see your post, but image is cropped funny.
How To Preview Twitter Post Before You Publish Your Medium Story (Tutorial):
Do these steps before you publish your story.
(Note: Video tutorial below)
- File Type: Use .jpeg instead of transparent .png for featured image.
- Featured Image: Two methods to select featured image on Medium
— Keyboard Shortcut: Shift + F (Click image and then type Shift + F)
— Publish Menu: Click on thumbnail in Publish dropdown menu to choose featured image.
- Click on ‘Share’ next to ‘Publish’
—Copy Link to Clipboard(Cmd/Ctrl + C)
- Open Twitter Card Validator in a new browser window:
— Link: https://cards-dev.twitter.com/validator
- Paste Link (Cmd/Ctrl +V) in URL field and click ‘Preview Card’ button
—Preview will appear for you to review.
—If no image is available, confirm you selected a .jpeg and not a .png as featured image.
- Twitter Card Sizes: To view exact dimensions for all Twitter card sizes
- Aspect Ratio I used for this tutorial: 1:91:1
800 x 418 pixels
1080 x 945 pixels (size I used in tutorial)
1800 x 945 pixels (good size for Instagram horizontal videos)
The 1:91:1 is only one solution to show everything in the frame. Other sizes/dimensions/aspect ratios will still look good in your Twitter preview, so do not worry about having all of your images this exact size. The main point of the tutorial is you now know how to preview your Twitter post and fix if it does not look good enough or there is no image at all.