Quick wins for a faster PC:
Scan for outdated or missing drivers - takes under a minuteDriver Scan →Clear out junk files and repair common Windows errorsFree Scan →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Keep your SVG as the editable source, but use a PNG or JPG for og:image when compatibility matters. Open Graph defines the image metadata; it does not guarantee that every social platform or preview crawler accepts SVG. LinkedIn’s published guidance, for example, lists JPG, PNG, or GIF and specifies a minimum image size of 1200 × 627 pixels.
Why an SVG can fail as an Open Graph image
og:image identifies the image representing a page in a social graph. It is one of the Open Graph protocol’s four required basic properties, alongside og:title, og:type, and og:url. But the protocol does not promise that every service fetching those tags supports every image format. A preview depends on how the destination platform’s crawler and renderer handle the referenced file.
As an Amazon Associate I earn from qualifying purchases.
For a compatibility-oriented setup, export the artwork to a raster image and point og:image to that file. This avoids making the preview depend on SVG support. It is a practical recommendation, not a claim that SVG is universally rejected or universally supported.
The Tool Desk
Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →Outbyte PC Repair FREERepair Windows errors before they cause bigger problemsFix Now →Export a reliable image from your SVG
Choose a format for the artwork
- PNG: A practical choice for graphic artwork with crisp edges or transparency.
- JPG: A practical choice for photographic artwork where transparency is not needed.
- GIF: LinkedIn lists GIF among its accepted formats, though PNG or JPG will often be more natural choices for a static share image.
These format choices are practical guidance, not a universal cross-platform ranking. Check the current specifications for the platform where the link will appear. LinkedIn’s published guidance lists JPG, PNG, or GIF and requires at least 1200 × 627 pixels; that is a LinkedIn-specific minimum, not a universal Open Graph dimension.
#1 Best Overall
Keep the SVG source
Retain the original SVG in your design or asset workflow so you can edit and scale the source later. Export the final share artwork separately as the raster file used by the page metadata.
Add Open Graph metadata to the page head
Put the metadata in the document’s <head> and use an absolute, publicly fetchable URL for the exported image. The fields below follow the Open Graph protocol. The 1200 × 627 dimensions are an example that meets LinkedIn’s stated minimum; they are not dimensions mandated by the protocol for every service.
<meta property="og:title" content="Page title">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/page">
<meta property="og:image" content="https://example.com/images/share.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<meta property="og:image:alt" content="A concise description of the image">The protocol defines og:image:type as the image MIME type, og:image:width and og:image:height as dimensions in pixels, and og:image:alt as a description of the image. It says to specify og:image:alt when an og:image is present. Describe what the image shows rather than using the alt text as a caption.
Recommended Free Tools
Using more than one image
You can provide multiple og:image values. When values conflict, the Open Graph protocol gives preference to the first image. Put each image’s structured properties—such as its MIME type, dimensions, and alt text—after that image’s root og:image tag and before the next root og:image tag. If your goal is a predictable fallback, make the first image the format you most want a platform to use.
Check the preview and troubleshoot failures
After publishing, check the link on the destination platform. If the image is missing or stale, inspect the page’s returned HTML and confirm the image URL resolves to the intended raster file. Then use the destination’s own current debugging or refresh tools if available; their behavior and availability vary by platform.
- Preview has no image: Confirm the
og:imagetag is in the returned document head and its URL is correct and publicly fetchable. If it points to an SVG, try a PNG or JPG export. - Preview shows an old image: Check that the page metadata points to the current file URL. A destination may be showing a previously fetched preview; use its own refresh or debugging facility if available.
- Image appears cropped or too small: Check the exported image’s dimensions and composition against the platform’s guidance. For LinkedIn, its published minimum is 1200 × 627 pixels.
- Image metadata seems mismatched: Make sure the MIME type and pixel dimensions describe the actual file at the URL, and that the alt text describes that image.
- Different platforms behave differently: Open Graph’s general metadata definition does not establish a universal SVG support rule. Check each destination’s current documentation rather than assuming one service’s behavior applies everywhere.
Or skip the browser setup
If you want a screenshot of the page itself to inspect its rendered layout, ScreenshotNeo can return an image with one GET request. This does not replace checking the social platform’s own link preview.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.com/page -o shot.webpSee the ScreenshotNeo API documentation for request options. ScreenshotNeo removes cookie banners, newsletter popups, and chat widgets before capture; bot checks, blank pages, and failed loads are never billed; and its MCP server lets AI agents take screenshots. The free plan includes 1,000 screenshots a month with no card, and paid plans start at $5 for 3,000. Learn about ScreenshotNeo, or sign up for 1,000 free screenshots a month with no card.
Free tools Windows power users keep installed
One-click scans. No signup required.
Sources
- The Open Graph protocol defines the basic properties, image metadata fields, and ordering behavior for multiple images.
- LinkedIn Help: Make your website shareable on LinkedIn lists image formats and dimensions for LinkedIn page previews. Its guidance does not state a publication or revision year.
Frequently Asked Questions
Does Open Graph itself require a 1200 × 627 image?
No. The Open Graph protocol defines image metadata fields but does not set that universal size. The 1200 × 627 minimum cited here is LinkedIn’s published guidance.
Does a JPEG support a transparent background?
No. If the share artwork needs transparency, use a format such as PNG rather than JPG.
Quick Recap
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.
