{"id":921,"date":"2022-08-02T16:40:29","date_gmt":"2022-08-02T16:40:29","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/02\/6437004-hostinger-website-builder-how-to-add-images\/"},"modified":"2026-03-11T15:19:12","modified_gmt":"2026-03-11T15:19:12","slug":"6437004-hostinger-website-builder-how-to-add-images","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6437004-hostinger-website-builder-how-to-add-images\/","title":{"rendered":"Hostinger Website Builder: How to Add Images"},"content":{"rendered":"

If you use Hostinger Website Builder <\/b>and want to add images to your website, open the builder and expand the Add elements<\/b> panel on the left. Select the image element<\/b>, and drag and drop it to the preferred section of your site:<\/p>

<\/div>

Click on the element to see more options (edit, generate, change, crop & position, duplicate, hide\/show, delete, resize, etc.):<\/p>

\"Image<\/div>

To add your own image, click on the Change image<\/b> icon (or Edit image <\/b>→ Replace image<\/b>), and select a file from your media library, browse free images, or upload your own.<\/p>

Click on Edit image<\/b> to see more options:<\/p>

\n\n\n\n\n\n\n\n
\n

Image<\/b><\/p>\n<\/td>\n

\n
    \n
  • \n

    Replace image<\/b><\/p>\n<\/li>\n

  • \n

    Add alt text<\/b> to make your website more accessible and improve its SEO ranking<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n

\n

Style<\/b><\/p>\n<\/td>\n

\n
    \n
  • \n

    Reset image proportions<\/b>: bring the original image proportions back<\/p>\n<\/li>\n

  • \n

    Select the preferred corner radius units<\/b><\/p>\n<\/li>\n

  • \n

    Corner radius<\/b>: round the corners of your image or make it completely round<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n

\n

Action<\/b><\/p>\n<\/td>\n

\n
\n

Shape<\/b><\/p>\n<\/td>\n

\n
    \n
  • \n

    Set a preferred shape for the image element<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n

\n

Animation<\/b><\/p>\n<\/td>\n

\n