How to Generate Website Thumbnails for a Portfolio Hosted on Hostinger India

To set the image shown when someone shares your Hostinger portfolio URL, upload a link preview image in Hostinger Website Builder’s general website settings. For a different preview on one page, set that page’s Social image instead. Hostinger recommends an image size of 1200 × 630 px. Save your changes and update the website; sharing services may take several hours to show the new image.

One distinction matters: Hostinger’s documented feature lets you upload a preview image. The instructions reviewed here do not describe automatically generating a screenshot thumbnail from a live portfolio page. If you want a screenshot-style image for a project gallery, capture or create that image separately, then add it where your page or portfolio layout accepts images.

Choose the right kind of thumbnail

“Website thumbnail” can mean either the image shown in a link card when the portfolio URL is shared, or a small image of a live page inside a portfolio gallery. Hostinger calls the share-card image a link preview image or a page-specific Social image.

What you need	What to do
One image for shared links to your site	Set the default link preview image in general website settings.
A different share image for a particular page	Set that page’s Social image in its page settings.
A screenshot of a live page for a gallery or project card	Capture or create the image separately and add it to the page or layout. The reviewed Hostinger instructions do not document automatic screenshot generation.

Pick artwork that represents the portfolio or the specific page being shared. Keep the key subject and any text near the center as practical protection against cropping or scaling by sharing services; this is general design guidance, not a guaranteed crop rule from Hostinger. For link previews, Hostinger recommends 1200 × 630 px.

Set a thumbnail in Hostinger Website Builder

Prepare the image you want people to see when they share your portfolio. Use 1200 × 630 px as Hostinger’s recommended size.
For a site-wide default, open the general website settings and use Add image or Replace image for the link preview image.
For a page-specific preview, expand Pages and navigation, open the relevant page’s settings, choose Social image, and upload the image.
Save your changes and update the website. The new image is not live until the site has been updated.
Share the URL and inspect the preview in the service where you plan to post it. If the old image remains, allow time for propagation and refresh the service’s cached preview if it provides a refresh tool.

The default image applies to the site’s pages unless a page has its own image. Use page-specific images when a portfolio contains distinct projects and the shared link should preview the page being linked.

Set a thumbnail in Hostinger AI Builder manual mode

Hostinger’s AI Builder manual-mode guidance documents a similar setup:

Prepare a representative image. The recommended link-preview size is 1200 × 630 px.
For a default image, open the general website settings and add or replace the website image.
For one page, open that page’s settings and choose Social image.
Upload the image, save, and update the website.
Share the URL and check the preview. If it is stale, follow the troubleshooting steps below.

For AI Builder manual mode, Hostinger’s troubleshooting guidance lists PNG, JPG, and JPEG as supported formats and a maximum file size of 15 MB. These constraints are documented for this mode; do not assume they apply to every Hostinger product or editor.

Create a screenshot-style thumbnail of a live page

If you mean a small image of the actual live portfolio page—not the image attached to a shared link—make that image separately. The reviewed Hostinger instructions cover uploading link-preview artwork, not taking a live-page screenshot automatically. Treat this as a workaround using a screenshot workflow, then place the resulting image in the page or portfolio layout that accepts images.

Choose the exact page URL you want to represent and decide whether the image should show the first screen or the whole page.
Capture the page at a useful viewport size. Check that the main project image or other defining content is visible.
Crop or resize the result for the gallery or card where it will appear. Preserve the important subject near the center when possible.
Upload the finished image into the relevant page or portfolio layout, then publish or update the site.

Hostinger’s general Website Builder image guidance describes upload and editing options such as crop and position for eligible images, and says images are optimized behind the scenes. Its general recommendation of WebP for regular site images is separate from the 1200 × 630 px link-preview recommendation. For AI Builder manual mode, use the format and size guidance above.

Or skip the browser setup

For a screenshot-style image of a live portfolio page, ScreenshotNeo can capture a URL with one request. Its documented API returns PNG, JPEG, WebP, or PDF; see the ScreenshotNeo API documentation for options. For example, this cURL request saves a WebP screenshot:

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

Replace the example URL with your portfolio page URL. ScreenshotNeo removes cookie banners, newsletter popups, and chat widgets before capture. Bot checks, blank pages, and failed loads are never billed. Its MCP server lets AI agents take screenshots, and the Free plan includes 1,000 screenshots a month with no card; paid plans start at $5 for 3,000. Learn about ScreenshotNeo or sign up for 1,000 free screenshots a month, with no card.

A captured screenshot is an image asset; it does not set Hostinger’s link preview image by itself. To change the share-card image, upload the image through the relevant Hostinger setting and update the website.

Troubleshoot missing or stale previews

Symptom	Likely cause	What to try
The old image still appears after an update	The sharing service may have cached the previously fetched title, description, and image, or the update has not propagated yet.	Confirm the website was updated, wait several hours, then use the sharing service’s cache-refresh tool if available and try again.
No image appears	The image change may not have been saved or published, or the wrong setting may have been edited.	Check whether you need the general website image or that page’s Social image. Save and update the site, then fetch the link preview again.
Upload is rejected in AI Builder manual mode	The file may use an unsupported format or exceed the documented size limit.	For this mode, use PNG, JPG, or JPEG and keep the file at or below 15 MB.
The wrong image appears for one portfolio page	A page-specific image may differ from the site-wide default, or the page may still have the old cached preview.	Check that page’s Social image setting, update the site, and refresh the sharing service’s cached preview if possible.
Recent edits seem to disappear or conflict	Hostinger’s troubleshooting guidance warns against editing in multiple builder tabs or devices at the same time.	Work from one builder session, save, update, and then check the preview again.

Hostinger Website Builder can preview a draft and switch to mobile mode for a responsive layout review. That helps inspect the page itself; it does not guarantee how every external service will render its link card.

Which Hostinger route should you use?

Editor or goal	Use this route	Documented image guidance
Website Builder, one default share image	General website settings	1200 × 630 px recommended
Website Builder, one page’s share image	Pages and navigation → page settings → Social image	1200 × 630 px recommended
AI Builder manual mode, default or page-specific image	General settings or page settings → Social image	1200 × 630 px recommended; troubleshooting lists PNG/JPG/JPEG and 15 MB maximum
WordPress portfolio hosted on Hostinger	The reviewed sources do not establish a WordPress-specific route	Do not assume Website Builder menu labels apply; check the WordPress editor or plugin documentation for the site’s setup.

Cost and maintenance notes

Setting a link preview image through the documented Hostinger editor flow means preparing and uploading an image, then updating the site. A live-page screenshot requires a separate capture workflow if that is the asset you need. If you use ScreenshotNeo for that capture, only clean shots are billed: bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and each response includes X-Page-Verdict and X-Billed headers indicating the result. Its stated plans are Free with 1,000 shots per month, Starter $5 for 3,000, Growth $15 for 15,000, Pro $39 for 60,000, Scale $99 for 250,000, and Business $249 for 1,000,000; yearly billing gives two months free. Every feature is on every plan. For current API options and configuration, consult the documentation.

For reliability, confirm the site update succeeded, test the actual URL you plan to share, and account for cached previews. For a gallery, keep the source image and the published page in sync when project content changes.

FAQ

Does Hostinger automatically make a thumbnail from my portfolio page?

The reviewed official instructions explain uploading a link preview image; they do not document automatic screenshot generation from a live page.

Will the same image appear for every page?

The site-wide image is the default. Hostinger Website Builder and AI Builder manual mode also document setting an individual page’s Social image.

Is 1200 × 630 px a universal requirement?

No. It is Hostinger’s recommendation for link-preview images in the cited builder guidance, not a universal guarantee for every social platform.

Can I use these steps for a WordPress site on Hostinger?

The reviewed sources do not verify the WordPress-specific steps. The Website Builder instructions may not match WordPress menus.