Hubspot Social Image Size Best Practices
Using Hubspot for blogging and landing pages is powerful, but if your social share images are the wrong size, your content can look broken on Facebook, X (Twitter), LinkedIn, and other platforms. This guide explains the optimal image sizes for social sharing and how to set them correctly in your Hubspot content.
The recommendations here are based on Hubspot’s own documentation and research so you can confidently design images that look sharp and clickable in every feed.
Why Social Image Size Matters in Hubspot
When you share a page or blog post from Hubspot, social networks pull in an image using Open Graph tags. If your featured image is too small, incorrectly cropped, or the wrong aspect ratio, networks may:
- Display a tiny thumbnail instead of a large preview card
- Crop key text or visuals from the sides or top
- Replace your image with a random image from the page
- Show a blank or generic image, reducing click-through rate
Optimizing your dimensions directly in Hubspot helps ensure each platform shows a clean, consistent preview that supports your branding and conversions.
Recommended Social Share Image Sizes from Hubspot
Hubspot’s guidance aligns with common Open Graph image best practices and what major platforms currently support. Below are general and platform-specific recommendations so you can design once and share everywhere with confidence.
General Open Graph Image Size for Hubspot Pages
For most Hubspot content types, a single master image size works well across Facebook, LinkedIn, X (Twitter), and other networks.
- Minimum size: 1200 x 630 pixels
- Aspect ratio: 1.91:1 (landscape)
- Recommended format: JPG or PNG
- File size: As small as possible without visible compression
Using 1200 x 630 px for your Hubspot featured image helps ensure a large, edge-to-edge preview on platforms that support link cards.
Facebook Share Image Size in Hubspot
When a Hubspot URL is shared on Facebook, the platform looks for an Open Graph image. If you follow these guidelines, your post is more likely to appear as a large link card rather than a small thumbnail.
- Recommended size: 1200 x 630 px
- Minimum displayed size for large card: 600 x 315 px
- Image ratio: 1.91:1
Design with text safely inside the center area. Avoid placing crucial text or logos at the extreme edges because Facebook may crop slightly depending on device and feed layout.
LinkedIn Share Image Size in Hubspot
LinkedIn also uses Open Graph tags from your Hubspot pages.
- Recommended size: 1200 x 627 px (1.91:1 ratio, very close to Facebook)
- Supported orientations: Primarily landscape for link previews
Because LinkedIn’s recommendations closely match Facebook, you can usually reuse the same 1200 x 630 px design for both platforms without issues.
X (Twitter) Card Image Size in Hubspot
Hubspot allows you to define tags that X (Twitter) reads for link cards.
- Recommended size for summary large image card: 1200 x 628 px
- Minimum size: 600 x 335 px
- Aspect ratio: 1.91:1
Again, a single 1200 x 630 px image prepared through Hubspot will look good on X, Facebook, and LinkedIn as long as key content remains centered.
How to Set Social Share Images in Hubspot
To get consistent results, you must set your featured and social images correctly in the Hubspot editor. The exact steps can vary slightly between blog posts, website pages, and landing pages, but the general flow is similar.
Step 1: Create a Social-Ready Image for Hubspot
- Open your design tool of choice (Canva, Figma, Photoshop, etc.).
- Create a new canvas at 1200 x 630 px.
- Place key text and logos in the central safe zone, away from edges.
- Export as JPG for photos or PNG for illustrations and sharp text.
- Keep file size optimized to avoid slow loading when Hubspot serves the image.
Step 2: Upload the Image to Hubspot
- Log in to your Hubspot portal.
- Navigate to Marketing > Files and Templates > Files.
- Click Upload files and select your 1200 x 630 px image.
- Organize it in a folder such as Social Images for easy reuse.
Using a clear file naming convention (for example, blog-title-social-1200x630.jpg) makes it easier to identify the correct assets while editing pages in Hubspot.
Step 3: Set the Featured Image in Hubspot Content
For blog posts and some page templates, the featured image can serve both as the on-page hero and the social share image.
- In Hubspot, open your blog post or page.
- Go to the Settings tab.
- Find the Featured image section.
- Click Browse images and select your 1200 x 630 px file.
- Update the alt text for accessibility and SEO.
Hubspot will use this featured image by default for Open Graph tags if no separate social image is specified.
Step 4: Configure Social Overrides in Hubspot
Sometimes, you want a different image for social sharing than what appears at the top of your post. Hubspot lets you set specific images for social previews.
- In your Hubspot content editor, go to the Settings or Social section (label may vary).
- Look for Social sharing or Featured image for social.
- Click to choose a custom image.
- Select your optimized 1200 x 630 px social image.
- Save or update the page.
This tells social platforms to use the designated image even if the featured image on the page is different.
Testing Hubspot Social Images on Each Platform
After publishing your Hubspot page or blog post, test how the image appears on major social networks. This step helps you confirm that the Open Graph tags are correct and that your design is not awkwardly cropped.
Use Debugging Tools
- Facebook Sharing Debugger: Paste your Hubspot URL and click Debug to see the image Facebook reads.
- LinkedIn Post Inspector: Enter the URL to preview how your content appears on LinkedIn.
- X Card Validator: Check how X interprets your Hubspot social tags and preview the card layout.
If the wrong image appears, return to your Hubspot settings and ensure the correct featured or social image is selected and that the page is republished.
Additional Hubspot Tips for Image Quality
Image dimensions are just one piece of the puzzle. To maximize performance, also consider quality, readability, and brand consistency.
- Use high contrast text: Many users quickly scan social feeds. Make sure text on your Hubspot social images is easy to read.
- Limit text amount: Include a short, bold message and let your Hubspot page title handle the rest.
- Stay on brand: Use consistent fonts, colors, and logo placement across all Hubspot social assets.
- Optimize thumbnails for mobile: Assume users will first see your Hubspot link on a phone screen.
Where These Image Recommendations Come From
The image sizing guidance in this article is based on best practices documented in Hubspot’s optimal social sharing image size article. Platform specifications can change, so it is wise to review this type of reference regularly and check your Hubspot templates when networks update their layouts.
Scaling Your Hubspot Image Workflow
If you manage multiple blogs, languages, or brands inside Hubspot, building a repeatable process for social images is crucial. Consider:
- Creating reusable design templates at 1200 x 630 px
- Storing social images in clearly named folders within your Hubspot file manager
- Documenting a checklist for each new post so images are never missed
- Training contributors on how to set featured and social images in Hubspot
For teams that need help designing or implementing a scalable content workflow, agencies like Consultevo can assist with Hubspot strategy, templates, and technical optimization.
By following these dimensions and steps in your Hubspot portal, every new blog post or landing page you publish will be ready to shine on social feeds, driving more clicks and engagement to your content.
Need Help With Hubspot?
If you want expert help building, automating, or scaling your Hubspot , work with ConsultEvo, a team who has a decade of Hubspot experience.
“`
