{"id":21774,"date":"2026-10-27T08:51:25","date_gmt":"2026-10-27T08:51:25","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=21774"},"modified":"2026-10-29T15:20:19","modified_gmt":"2026-10-29T15:20:19","slug":"how-to-create-images-and-videos-with-hostinger-agent","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/how-to-create-images-and-videos-with-hostinger-agent\/","title":{"rendered":"How to create images and videos with Hostinger Agent"},"content":{"rendered":"<p>Hostinger Agent images and videos start from a chat prompt: Hostinger Agent generates new images, edits images you upload, and writes video scripts for short promo clips. Describe the image you need, upload a photo to remove its background or upscale it, or ask for a video script with shot directions. Hostinger Agent can also add a generated image to your Hostinger AI Builder website in agentic mode and create a predicted attention heatmap of your homepage. Rendering a finished video file requires a connected app that supports video generation.<\/p><h2 id=\"h-generate-an-image-with-hostinger-agent\">Generate an image with Hostinger Agent<\/h2><p>Hostinger Agent generates an image from a text description and shows it directly in the chat. To generate an image:<\/p><ol>\n<li>Open Hostinger Agent from the Hostinger dashboard.<\/li>\n<li>Describe the image, including the subject, setting, style, and where you plan to use it. For example: <b>Generate an image of a cozy coffee shop interior for my homepage banner.<\/b><\/li>\n<li>Wait for the <b>Generated an image<\/b> status to finish. The image appears in the chat, and you can open it in full size.<\/li>\n<\/ol><p><img decoding=\"async\" class=\"alignnone size-full wp-image-21776\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-38.png\/public\" alt=\"\" width=\"871\" height=\"570\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-38.png\/w=871,fit=scale-down 871w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-38.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-38.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 871px) 100vw, 871px\" \/><\/p><p>Ask for changes in the same chat to refine the result, for example warmer colors, a different lighting style, or a 16:9 format for a banner. See <a data-click-id=\"hgr-post-content-link-hostinger-agent-tips-for-getting-better-results\" href=\"\/support\/hostinger-agents-tips-for-getting-better-results\/\">Hostinger Agent: tips for getting better results<\/a> for more ways to write clear prompts. To create a logo, use the logo skill instead. See <a data-click-id=\"hgr-post-content-link-how-to-design-a-logo-with-hostinger-agent\" href=\"\/support\/how-to-design-a-logo-with-hostinger-agent\/\">how to design a logo with Hostinger Agent<\/a> for the full logo flow.<\/p><h2 id=\"h-edit-remove-the-background-from-or-upscale-an-image-with-hostinger-agent\">Edit, remove the background from, or upscale an image with Hostinger Agent<\/h2><p>Hostinger Agent edits images you upload, including removing the background and upscaling the image to a higher resolution. To edit an image:<\/p><ol>\n<li>Click the attachment icon in the Hostinger Agent chat input and upload the image.<\/li>\n<li>Describe the edit. For example: <b>Remove the background from this image<\/b> or <b>Upscale this image<\/b>.<\/li>\n<li>Review the edited image that appears in the chat.<\/li>\n<\/ol><p><img decoding=\"async\" class=\"alignnone size-full wp-image-21777\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-38_1.png\/public\" alt=\"\" width=\"668\" height=\"663\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-38_1.png\/w=668,fit=scale-down 668w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-38_1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-38_1.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 668px) 100vw, 668px\" \/><\/p><p>Hostinger Agent keeps the main subject when it removes a background, for example a person, a product, or a bouquet. You can also ask Hostinger Agent to modify an uploaded image, extend it, or use it as a reference for a new image.<\/p><h2 id=\"h-add-a-generated-image-to-your-hostinger-ai-builder-website-with-hostinger-agent\">Add a generated image to your Hostinger AI Builder website with Hostinger Agent<\/h2><p>Hostinger Agent can generate an image and place it on your Hostinger AI Builder website in agentic mode, for example as the homepage hero image. Hostinger Agent asks for your approval twice: once to publish the image file and once to edit the website.<\/p><ol>\n<li>Ask Hostinger Agent for a new image and name the website. For example: <b>Generate a new homepage image for my bakery at domain.tld.<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-21781\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-40.png\/public\" alt=\"\" width=\"626\" height=\"386\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-40.png\/w=626,fit=scale-down 626w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-40.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 626px) 100vw, 626px\" \/><br>\n<\/b><\/li>\n<li>Agree when Hostinger Agent asks to make the image publicly accessible for the website. A <b>Published a file<\/b> status appears once the image is ready to use.<\/li>\n<li>Review the <b>Editing your website<\/b> card, which describes the change Hostinger Agent plans to make, and click <b>Confirm<\/b>. Click <b>Deny<\/b> to cancel.<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-21782\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-40_1.png\/public\" alt=\"\" width=\"609\" height=\"611\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-40_1.png\/w=609,fit=scale-down 609w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-40_1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-40_1.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 609px) 100vw, 609px\" \/><\/li>\n<li>Wait for the update to finish. Hostinger Agent shows a preview of the updated page, with <b>Open in AI Builder<\/b> and <b>View site<\/b> buttons.<\/li>\n<\/ol><p>Hostinger Agent can also build the website itself. See <a data-click-id=\"hgr-post-content-link-how-to-use-hostinger-agent-to-create-a-website\" href=\"\/support\/how-to-use-hostinger-agent-to-create-a-website\/\">how to use Hostinger Agent to create a website<\/a> for that flow.<\/p><p>Hostinger Agent keeps the existing headline, buttons, and layout unless you ask it to change them. To adjust the image after it is on your website, ask in the same chat, for example <b>Make the image warmer<\/b>. Hostinger Agent shows a new <b>Editing your website<\/b> card for each change, so click <b>Confirm<\/b> to apply it. See <a data-click-id=\"hgr-post-content-link-hostinger-ai-builder-how-to-edit-and-update-your-project-in\" href=\"\/support\/10673361-hostinger-ai-builder-agentic-mode-how-to-edit-and-update-your-project\/\">Hostinger AI Builder: How to edit and update your project in agentic mode<\/a> for other ways to change an agentic mode website.<\/p><p>For a Hostinger AI Builder website in manual mode, generate images in the editor instead. See <a data-click-id=\"hgr-post-content-link-hostinger-ai-builder-ai-image-generator-in-manual-mode\" href=\"\/support\/8670037-hostinger-ai-builder-manual-mode-ai-image-generator\/\">Hostinger AI Builder: AI image generator in manual mode<\/a> for the steps.<\/p><h2 id=\"h-create-a-predicted-attention-heatmap-of-your-website-with-hostinger-agent\">Create a predicted attention heatmap of your website with Hostinger Agent<\/h2><p>Hostinger Agent creates a predicted attention heatmap that shows which parts of a web page are likely to draw visitors&rsquo; attention. Ask Hostinger Agent to <b>Create a heatmap for domain.tld<\/b>, and the heatmap appears in the chat as an image of the page.<\/p><p><img decoding=\"async\" class=\"alignnone size-full wp-image-21779\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-39.png\/public\" alt=\"\" width=\"644\" height=\"577\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-39.png\/w=644,fit=scale-down 644w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-39.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 644px) 100vw, 644px\" \/><\/p><p>Colored areas on the heatmap mark predicted high, medium, and low attention, with a legend in the corner. The heatmap is a prediction based on the page design, not a record of real visitor clicks or scrolling. For a full health check of the same website, see <a data-click-id=\"hgr-post-content-link-how-to-get-a-website-overview-with-hostinger-agent\" href=\"\/support\/how-to-get-a-website-overview-with-hostinger-agent\/\">how to get a website overview with Hostinger Agent<\/a>.<\/p><h2 id=\"h-write-a-video-script-with-hostinger-agent\">Write a video script with Hostinger Agent<\/h2><p>The Write a video script skill in Hostinger Agent creates a timed script with shot directions for a short promotional video. Write a video script and Generate a video are skills, so you can also start them from the <b>Skills<\/b> tab or the bolt icon in the chat. See <a data-click-id=\"hgr-post-content-link-how-to-use-hostinger-agent-skills\" href=\"\/support\/what-are-hostinger-agents-skills-and-how-to-use-them\/\">how to use Hostinger Agent skills<\/a> for both options.<\/p><p>To write a video script:<\/p><ol>\n<li>Ask Hostinger Agent for a video script. For example: <b>Write a 10-second promo video script for my bakery website.<\/b><\/li>\n<li>Answer the questions in the form, such as where the video will run, its length, and the key message. Select <b>you tell me<\/b> or a similar answer if you want Hostinger Agent to suggest one.<\/li>\n<li>Review the script, which lists each time range with the voiceover or on-screen text and the shot to film.<\/li>\n<\/ol><p><img decoding=\"async\" class=\"alignnone size-full wp-image-21780\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-39_1.png\/public\" alt=\"\" width=\"671\" height=\"627\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-39_1.png\/w=671,fit=scale-down 671w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-39_1.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 671px) 100vw, 671px\" \/><\/p><p>Hostinger Agent can also write a brand story in the same request, based on how your business started and what it stands for. Use the script and shot list to record and edit the video in your own video tool. To plan the social posts that share your video, see <a data-click-id=\"hgr-post-content-link-how-to-use-hostinger-agent-for-marketing\" href=\"\/support\/how-to-use-hostinger-agent-for-marketing\/\">how to use Hostinger Agent for marketing<\/a>.<\/p><h2 id=\"h-generate-a-video-with-hostinger-agent\">Generate a video with Hostinger Agent<\/h2><p>The Generate a video skill in Hostinger Agent needs a connected app to create a video file. When you ask for a video, Hostinger Agent shows a Canva card with a <b>Connect<\/b> button so you can authorize your Canva account.<\/p><p><img decoding=\"async\" class=\"alignnone size-full wp-image-21778\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-38_3.png\/public\" alt=\"\" width=\"643\" height=\"331\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-38_3.png\/w=643,fit=scale-down 643w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-27_15-38_3.png\/w=300,fit=scale-down 300w\" sizes=\"(max-width: 643px) 100vw, 643px\" \/><\/p><p>The Canva connection does not generate new video footage from a text description. When no matching Canva design exists, Hostinger Agent offers a script, a scene-by-scene shot list, text overlays, and music direction for you to assemble the video in Canva.<\/p><p>To render a video from a text description, connect a text-to-video tool that exports MP4 files as a custom Model Context Protocol (MCP) server. See <a data-click-id=\"hgr-post-content-link-connect-apps-and-custom-mcp-servers-to-hostinger-agent\" href=\"\/support\/connect-apps-and-custom-mcp-servers-to-hostinger-agent\/\">connect apps and custom MCP servers to Hostinger Agent<\/a> for the setup steps.<\/p><p><b>NOTES<\/b><\/p><ul>\n<li>App connections in Hostinger Agent are included in Agent Plus. See <a data-click-id=\"hgr-post-content-link-hostinger-agent-pricing\" href=\"\/support\/hostinger-agents-pricing\/\">Hostinger Agent pricing<\/a> for what Agent Plus includes.<\/li>\n<\/ul><p>Your new images, edits, and video scripts are ready to use on your website, social media, and other marketing channels. All files created or uploaded during your Hostinger Agent sessions are collected in <b>Files<\/b>, where you can preview and download them.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Generate and edit images, plan promo videos, and update your website images with Hostinger Agent.<\/p>\n","protected":false},"author":594,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_content_updated_date":"","include_on_kodee":true,"footnotes":""},"categories":[304],"tags":[],"class_list":["post-21774","post","type-post","status-publish","format-standard","hentry","category-hostinger-agent"],"hreflangs":[],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/21774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/594"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=21774"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/21774\/revisions"}],"predecessor-version":[{"id":23893,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/21774\/revisions\/23893"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=21774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=21774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=21774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}