The Tool Desk
Outbyte PC Repair FREERepair Windows errors before they cause bigger problemsFix Now →Outbyte Driver Updater FREEFix the driver behind crashes, sound loss and screen glitchesFind Drivers →A social image is a visual prepared for use on social media: it may be the artwork in a post, an account’s profile or cover image, or the preview picture that appears when someone shares a webpage. It is not one file format or one fixed size. The right image depends on where it will appear and what it needs to communicate.
What a social image is
“Social image” is an umbrella term for images used in social-media contexts. It can mean an image someone uploads with a post, a visual identity asset such as an avatar, or the thumbnail generated when a webpage link is shared. These uses overlap, but they do not all work the same way: a post image is part of the post itself, while a link-preview image is usually selected by metadata on the linked webpage.
A social image may be a photograph, illustration, chart, screenshot, or branded graphic. It is a communication asset, not a particular format, platform, or universal dimension. Its job may be to convey a post’s main point, help people recognize an account, or accurately represent a page before someone opens its link.
How social images are used
Post creative
A photo, illustration, chart, or designed graphic can carry the main message in a feed. The accompanying post text can explain details, provide context, or repeat essential wording that appears in the image.
#1 Best Overall
Link-preview image
When a webpage URL is shared, a social platform may show a preview with a title, description, and image. The page’s Open Graph metadata can identify the image the platform should use. The Open Graph protocol describes its purpose this way: “The Open Graph protocol enables any web page to become a rich object in a social graph.”
Profile and page identity
Avatars, cover images, and headers help people recognize an account or organization. They need to remain recognizable when a platform displays them in a smaller or differently cropped space.
Campaign and announcement graphics
A concise visual can signal an event, launch, warning, or call to action. Put supporting detail in the post text as well, so readers do not have to rely on small or image-only wording to understand the message.
How to choose a social image
There is no single best social-image size for every platform and placement. Rendering rules can differ, and a platform may crop or resize an image. Choose and review the visual for its intended use rather than assuming one file will display identically everywhere.
- Match the purpose: Decide whether the asset is for a feed post, profile identity, campaign announcement, or webpage link preview.
- Choose an appropriate crop: Keep the subject and any essential visual elements inside a safe central area. Check how the image looks when cropped and reduced on a phone.
- Make it representative: For a link preview, choose an image that genuinely reflects the linked page. Avoid a generic logo when a more specific, relevant image is available.
- Use sufficient resolution: Start with a clear source image that can hold up at the size where it will be displayed. Google recommends relevant, representative images, avoiding extreme aspect ratios, and using high resolution where possible.
- Check readability: If the image contains text, make sure it remains legible at mobile preview size. Use readable contrast and do not make color alone carry essential meaning.
- Optimize delivery: Keep the image suitable for web delivery without making it visibly unclear. Consider loading speed as well as appearance.
- Keep the brand coherent: Consistent visual choices can help audiences recognize related posts, but branding should not make an image inaccurate or obscure its subject.
- Confirm usage rights: Make sure you have permission or a license for third-party material before publishing it.
Set the image for a webpage link preview
For a page you control, Open Graph metadata can tell services which image to consider for a shared-link preview. The essential property is og:image. A concise og:image:alt description can provide an accessible description of that image.
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:image:alt" content="A concise description of the image">Replace the example image address with the public URL of the image you want associated with the page. The image URL should be publicly reachable by the service fetching the page; an image behind a login or blocked from external access may not be available to a preview crawler.
The Open Graph protocol also supports properties including og:image:width, og:image:height, og:image:type, and og:image:secure_url. These can supply additional image information, but the basic implementation is the image property and its content URL. Add metadata to the page’s HTML head and ensure the values describe the page and the selected image.
Make social images accessible
Alt text and a visible caption serve different purposes. Alt text is a text alternative that conveys the image’s meaning for people using screen readers. A caption is visible alongside the image and may add context for all readers. Section508.gov defines alt text as “text that is embedded into images or GIFs that conveys the meaning of the image.” W3C guidance emphasizes that the appropriate text alternative depends on the image’s use, context, and content.
- Describe the meaningful content or purpose of the image in a short, contextual way.
- Do not repeat a visible caption word for word if it adds no information.
- If wording inside the image is essential, include that wording in the post text or an appropriate text alternative.
- Use sufficient contrast, and do not communicate a distinction only through color.
- For an image that is decorative or adds no information beyond nearby text, avoid writing alt text that needlessly repeats the surrounding content.
For a link-preview image, Open Graph provides og:image:alt for a concise image description. Google Search Central says: “The most important attribute when it comes to providing more metadata for an image is the alt text.” A suitable description should explain what matters in the particular image, not merely label it “social image” or repeat the page title.
Use images only when you have the rights
Finding an image online does not make it free to reuse. Photographs and other images are generally protected by copyright; copying, uploading, or publishing a third-party image usually requires permission or a license. The EU Publications Office advises using relevant, current images optimized for web display and obtaining prior authorization from the copyright owner.
- Identify the creator or licensor and the exact image you intend to use.
- Read the license or permission terms for social-media use, commercial use, geography, duration, and any attribution requirements.
- Save proof of permission or a copy of the applicable license.
- Preserve creator, credit-line, copyright-notice, and license information. Where possible, retain rights information in structured data or IPTC metadata.
- Check whether the image depicts people, private property, or trademarks and whether model, property, or trademark releases are needed for your use under applicable law.
Credit is not a substitute for permission when permission is required. If the license is unclear, do not assume that a public-facing image can be reposted; get clarification or choose an image whose terms allow the intended use.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Fix a link preview that shows the wrong image
A preview may continue showing an old image after you update a page because a platform can retain a cached version. Preview behavior is platform-specific and can change. Check the page and the image itself before concluding that the metadata is wrong.
Recommended Free Tools
Best Value
- Inspect the page source. Find the Open Graph
og:imageproperty and verify that its content value points to the intended image. Checkog:image:altif you provide an image description. - Confirm the image URL is publicly reachable. Open it directly in a browser where you are not signed in to the site. Check for a typo, a missing file, or access restrictions.
- Check the page being shared. Make sure you updated the metadata on the exact URL being posted, including any relevant variant of that URL.
- Refresh the platform’s preview cache. Use that platform’s current debugger or sharing tool to request a new preview. The available controls and preview rules differ by platform.
- Review the returned preview. If it still selects an unexpected image, recheck the page source and accessibility of the image URL, then refresh the preview again.
Capture a page to inspect its social preview image
A screenshot can help you visually check how a webpage renders, but it does not replace checking the page’s Open Graph metadata or testing the share preview in the relevant platform. For a do-it-yourself check, open the page in a browser, inspect its source for og:image, then view the page at the approximate size where its preview will be seen. Check the image crop, text legibility, and whether the page itself has loaded the intended assets.
Or skip the browser setup
ScreenshotNeo is a website screenshot API and MCP server for developers. One GET request can return a screenshot or PDF; its clean-shot steps accept consent banners and remove more than 60 known consent platforms, newsletter popups, and chat widgets before capture, and each step can be turned off. Bot checks and CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed; responses identify the page verdict and billing status in headers. Its MCP server provides screenshot tools for Claude, Cursor, and other MCP clients.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.com -o shot.webpReplace YOUR_API_KEY with your key and https://example.com with the page to capture. See the ScreenshotNeo documentation for request options, including image output settings and capture controls. ScreenshotNeo’s Free plan includes 1,000 shots a month with no card; paid plans start at $5 for 3,000 shots. Sign up for free.
Quick Recap
Quick checks before publishing
- The image fits its intended placement and still works after a likely crop.
- The visual represents the post or linked page accurately and remains clear at mobile size.
- Essential image text is also available in the post text or a proper text alternative.
- Contrast is readable and meaning is not conveyed by color alone.
- The webpage’s
og:imagepoints to the intended public image, with a conciseog:image:altwhere provided. - You have documented permission or a license for third-party images and have retained relevant credit and rights information.
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
