How to Create Free Social Preview Images for Indian News Articles

A social preview image is a public image file that a page points to with metadata such as og:image. You can create one for free with a cleared newsroom photo or illustration, export it from a free design tool at 1200 × 675 or 1280 × 720 pixels, host it at a public URL, and add Open Graph tags to the article’s HTML. Those sizes also meet Google Discover’s image-width and pixel-count recommendations, but no image or metadata can guarantee a Discover appearance.

This guide covers the free design-to-publication workflow, the metadata to add, how to check the live result, common problems, and the limits of preview images. The same steps work for news sites in India; platform-specific crops and previews can vary.

1. Choose a truthful image and a suitable crop

Choose a newsroom-owned, commissioned, properly licensed, or otherwise cleared photograph or illustration that represents the actual report. A useful preview gives readers visual context without implying something the article does not establish.

• Use a wide landscape crop and keep the important subject away from the extreme edges, where different interfaces may crop it.
• Prefer a relevant story image over a generic site logo.
• Avoid making the image mostly a pasted headline or other text-heavy graphic. Google advises against generic logos and text-heavy images in preferred-image metadata.
• Check the image rights for the specific asset and its intended use. A free editor does not make every asset in its library free to use.

For Google Discover, the guidance recommends a high-quality image at least 1200 pixels wide, more than 300,000 pixels total, and a 16:9 aspect ratio. Google gives 1280 × 720 as an example. These are Discover recommendations, not guaranteed dimensions for every social platform.

2. Create and export the image for free

Canva’s Free plan currently lists social content creation, custom dimensions, and JPG/PNG export. Create a 1200 × 675 or 1280 × 720 canvas, then use a cleared newsroom image or content whose license permits the design and publication. Canva’s India content license says free-content licenses are issued at no cost on export and lists social media post/profile images and online publications among permitted uses. Check the terms for the particular asset; Pro content has separate conditions.

1. Start a custom landscape canvas at 1200 × 675 or 1280 × 720 pixels.
2. Place and crop the story image so the central subject remains clear at smaller sizes.
3. Keep added branding modest. Ensure the image still describes the story on its own.
4. Export as JPG for a photograph, or PNG for graphic elements or transparency. Canva describes JPG as suited to photographs and PNG as suited to graphics and transparency.
5. Check the exported file dimensions and inspect it at thumbnail size before publishing.

Canva is one option, not a requirement. Any editor that provides custom dimensions and a suitable export works. You can also use an in-house design template, provided the image rights and export meet your needs.

3. Host the image at a public URL

Upload the exported file to your site or CDN and use its stable HTTPS URL in the article metadata. The URL must be fetchable by crawlers and preview systems without a login, expiring token, or browser-only session.

Before publishing, open the image URL in a private browser window or fetch it without being logged in. Confirm it returns the intended image, not an HTML error page, access-denied screen, or redirect to a login page. Keep the file available while the article is live; replacing an image at the same URL may not update a cached preview immediately.

4. Add Open Graph metadata to the article

Put the tags in the article’s HTML <head>. Replace the example title, canonical URL, and image URL with the real values for the story:

<meta property="og:title" content="Article headline">
<meta property="og:type" content="article">
<meta property="og:url" content="https://news.example.in/story-slug">
<meta property="og:image" content="https://news.example.in/images/story-preview.jpg">
<meta property="og:image:alt" content="Brief factual description of the image">

Open Graph defines og:title, og:type, og:url, and og:image as its basic properties. Provide a concise factual og:image:alt description for accessibility and context. The protocol also supports optional image properties, including secure URL, MIME type, width, and height:

<meta property="og:image:secure_url" content="https://news.example.in/images/story-preview.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="720">

Keep metadata consistent with the article. Use the canonical article URL in og:url, the intended share headline in og:title, and the actual public image URL in og:image. If your publishing platform generates these tags, update the article’s social or sharing image field rather than adding a second, conflicting set of tags.

5. Allow a large image preview for Google

If you want a page to be eligible for a large image preview in Google Search and Discover, allow max-image-preview:large in the page’s robots directives, or use AMP. For example, in the document head:

<meta name="robots" content="max-image-preview:large">

Check that other page-level or site-wide robots directives do not prevent indexing or override this setting. This directive makes a large preview eligible; it does not guarantee a Discover impression or control which image Google ultimately selects.

6. Verify the published page and its preview

1. Open the public article URL and view its page source. Confirm that the Open Graph tags appear in the <head>, with the intended values.
2. Open the exact og:image URL in a private window. Confirm that it loads publicly and shows the right file.
3. Check the preview with the current debugging or preview tool for the social platform where you plan to share. Platforms can cache page data, and their cache-refresh steps differ, so follow that platform’s current instructions.
4. After changing the image or metadata, recheck the preview. A platform may continue to show an earlier cached version for a time.
5. Check Google’s rendered page and image guidance when diagnosing search previews. Google’s image selection is automated and can draw from multiple sources, including og:image.

Google says its selection of an image preview is automated, and Discover eligibility does not guarantee appearance. The metadata gives crawlers a useful preferred image, but the final presentation is not fully controlled by the publisher.

7. Common problems and fixes

Symptom	Likely cause	What to check
No image appears in the share preview	The tag is missing, malformed, or not present in the initial page HTML; the image URL is private or broken.	Inspect the live page source for one valid og:image tag. Open its exact URL without authentication and confirm it returns an image.
The old image still appears	The platform has cached an earlier version of the page or image.	Use the platform’s current preview or cache-refresh tool, then check again. Avoid assuming there is one refresh process that works across platforms.
A logo or unrelated image is selected	The preferred-image metadata is missing, conflicting, or not the image the crawler can access; automated selection may also choose another page image.	Use a single accurate og:image, verify the image loads publicly, and ensure the article’s other metadata and images are consistent.
The image is cropped badly	The target interface uses a different crop or aspect ratio.	Keep the main subject near the center and away from edges. Inspect the actual platform preview; no single crop is guaranteed to display identically everywhere.
Google shows a small preview	The page does not allow a large preview, or Google chose a different presentation.	Check for max-image-preview:large or AMP and verify the image meets Discover’s recommendations. Eligibility does not guarantee the large treatment.
The image cannot be used after export	The source asset’s license may not cover the planned editorial or online use.	Check the license terms for that exact asset and use a newsroom-owned, commissioned, or appropriately licensed alternative if needed.

8. Performance, reliability, and cost

This workflow has no required software or stock-image purchase: the design can be made with a free editor and cleared assets, and the finished image can be hosted on the publisher’s site or CDN. Hosting may have its own costs, which depend on the publisher’s setup. For a photographic image, JPG is generally a practical export; PNG is useful when transparency or crisp graphic elements matter. Keep dimensions high enough for the intended use while avoiding unnecessarily large files that slow page delivery.

Reliability depends on the public image URL continuing to work and the page exposing correct metadata to crawlers. Use a stable HTTPS URL, test it without a logged-in browser session, and recheck after publishing. Preview caches can delay visible changes. No measured engagement lift or Discover traffic outcome is established by the cited guidance, so treat a preview image as a way to provide accurate context, not as a traffic guarantee.

9. Or skip the browser setup

If the story is already live and you need a screenshot of its rendered page for an editorial check or workflow, ScreenshotNeo provides a website screenshot API and MCP server. It captures a URL as PNG, JPEG, WebP, or PDF. One request looks like this; see the API documentation for the available options:

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://news.example.in/story-slug -o shot.webp

Cookie and consent banners are accepted and removed before capture, along with supported newsletter popups and chat widgets. Bot checks, blank pages, timeouts, failed loads, and cache hits are not billed; response headers report the page verdict and billing status. Its MCP server gives AI agents tools to take screenshots, inspect page information, and capture PDFs. The free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000 screenshots. A page screenshot does not create or host the article’s social preview image, and it does not replace the article metadata workflow above.

Sign up free for 1,000 screenshots a month with no card.

Frequently asked questions

Is a social preview image a special file format?

No. It is a normal image file referenced by page metadata. JPG and PNG are common choices; choose based on the image content and transparency needs.

Will this guarantee my Indian news article appears in Google Discover?

No. Google’s image and Discover guidance describes recommendations and eligibility, not a guarantee of selection or distribution.

Can I use a Canva Free asset in an online news preview?

Canva’s India license describes permitted uses for free content, including online publications and social media images. Check the terms for the specific asset and intended use, especially for Pro content.

Can one image look identical on every social platform?

No. Platforms may crop, resize, cache, or select previews differently. Check the live result on the target platform after publishing.

Sources

• Open Graph protocol
• Google Discover guidance
• Google image guidance
• Canva pricing
• Canva India content license
• Canva download file types