A featured image is what WordPress shows at the top of your post and, in most themes and social plugins, what gets picked up as the Open Graph image when you share the link. The safest universal size is 1200x630 px, a 1.91:1 ratio that Facebook, X (Twitter), and LinkedIn all render without cropping or letterboxing. This guide covers the exact dimensions, how to keep the file under about 150-200 KB, and how WordPress thumbnail generation fits in.
The 1200x630 pixel dimension corresponds to a 1.91:1 aspect ratio, which is the native crop ratio for most social media platforms when they scrape your page for metadata. If you upload a standard 16:9 image (1.78:1) without adjusting it, Facebook and LinkedIn will automatically crop the top and bottom of your image to fit their preview boxes. This often results in crucial text or focal points being cut off, making your post look unprofessional. By pre-cropping to 1200x630, you ensure the entire composition remains visible across all major networks.
Beyond social sharing, this size serves as a robust "hero" image for many modern WordPress themes. While some themes display featured images at different widths, 1200 pixels is wide enough to remain sharp on retina displays without requiring excessive bandwidth. A common mistake is uploading a 4000-pixel wide image and letting WordPress downscale it on the fly. While this works, it increases server load and slows down page load times. Pre-sizing your image to the maximum width you actually need is a simple performance optimization that benefits both your site speed and user experience.
A high-resolution image can easily exceed 2 MB, which is far too heavy for a featured image. Most social platforms compress images aggressively, so uploading a massive file doesn't improve quality; it just slows down the initial page load. The sweet spot for web images is between 150 KB and 200 KB. This range provides a good balance between visual fidelity and loading speed. If you are using a free, browser-based tool like FileZap, you can compress the image without uploading it to a server, keeping your workflow private and fast.
When compressing, you are not just reducing the file size; you are often reducing the color depth and adjusting the JPEG quality slider. Start with a quality setting of 80% and check the file size. If it is still over 200 KB, lower the quality to 70% or 65%. For photos, the difference between 75% and 80% quality is rarely visible to the naked eye on a standard monitor. If your image contains sharp lines, text, or logos, consider saving it as a PNG if the file size remains manageable, as JPEGs can create "artifacts" or blurriness around high-contrast edges.
Once you upload your 1200x630 image to the Media Library, WordPress generates multiple thumbnail sizes automatically based on your theme's settings. These include "Medium," "Large," and "Thumbnail" sizes, which are used for grid views, blog archives, and sidebar widgets. However, the "Featured Image" slot usually displays the original upload or a specific "Post Thumbnail" size defined by your theme. It is crucial to check your theme's documentation to see if it expects a specific aspect ratio for the featured image slot.
If your theme displays the featured image in a 16:9 box but you uploaded a 1.91:1 image, WordPress will crop the sides to fit the 16:9 frame. This is different from social media cropping, which cuts the top and bottom. To avoid unexpected cropping, you can test how the image looks in a sample post before publishing. If your theme uses a fixed-height image area, ensure your important content is centered horizontally. Some themes allow you to change the crop position in the media library, but not all do, so designing with a safe zone in mind is the safest approach.
One of the most frequent errors is uploading a square image (1:1 ratio) as a featured image. When social media scrapes this, it crops the left and right sides severely, often leaving only a small sliver of the original image visible. Another common pitfall is using a low-resolution image that has been upscaled. If your source image is only 800 pixels wide and you stretch it to 1200 pixels, the result will be blurry. Always start with a source image that is at least 1200 pixels wide.
Edge cases include images with important details in the corners. While 1200x630 is a safe standard, some mobile apps or specific social platforms may use a slightly different crop ratio, such as 16:9 or even 1:1 for certain profiles. To mitigate this, design your image with a "safe zone" in the center. Keep critical text and focal points within the central 60% of the image. This ensures that even if a platform decides to crop from the edges, the core message remains intact. Additionally, be mindful of file naming; renaming your file to something descriptive like "product-launch-2024.jpg" can slightly improve SEO, as WordPress uses the filename and alt text for indexing.
You can, but you will likely experience cropping on social media. A 16:9 image is wider than the 1.91:1 ratio, so platforms will cut off the left and right sides. If your important content is in the center, it might work, but 1200x630 is safer because it matches the crop ratio exactly.
No, this is a general best practice for web performance and social media sharing, not a hard limit set by WordPress. Some high-end themes or specific plugins might handle larger files better, but keeping images under 200 KB ensures fast loading speeds on mobile connections and prevents timeouts on slower servers.
No, WordPress does not automatically crop images to a specific aspect ratio like 1200x630 upon upload. It generates thumbnails based on its internal settings, but the original image retains its dimensions. You must resize and crop the image manually before uploading to ensure it fits the social media preview perfectly.
Instagram does not use the standard Open Graph image for posts in the same way Facebook does; it often uses a 4:5 or 1:1 crop. If you are sharing to Instagram, you may need to create a separate, square version of your image. For standard web sharing, stick to the 1200x630 standard.
It is better to compress it before uploading. Once an image is uploaded, WordPress generates multiple resized versions. If you upload a large file, you are storing heavy data and slowing down your media library. Compressing it first ensures all generated thumbnails are also lightweight.