If you’re designing your website using Hostinger Website Builder and want to add a professional touch to your layout, using circular images—especially for profile photos—is a great way to do that. In this post, we’ll walk you through how to easily create and apply a circular image using Hostinger’s built-in tools.
Step 1: Log In and Access Your Website
First, sign in to your Hostinger account.
Navigate to the “Websites” section and click Edit Website next to the site you want to update.
Step 2: Add an Image Element
Inside the website editor, click Add Element on the left panel.
Find the Image block, drag it into your desired location on the page, and drop it.
Step 3: Replace the Image with a Profile Photo
Click on the image you just added. Then click Edit Image and choose Replace Image. Upload a face or profile photo of your choice and confirm the upload.
Step 4: Apply the Circular Shape
With your photo selected, go to the Shape tab in the image editing menu.
Choose the circular shape, and Hostinger will automatically apply it to your image, transforming it into a perfect circle.
Step 5: Save and Preview Your Website
After applying the circular shape, click Update Website to save your changes.
Use the Preview button to see how your new circular profile image looks live on your website.
Bonus: Learn More with the Free Hostinger Website Builder Course
If you want to dive deeper into building professional websites with Hostinger, you can access our full Hostinger Website Builder Masterclass for free. The course covers everything from getting started to advanced customization, blogging, e-commerce, SEO, and more.
📚 Get free access today at: https://academy.dotcom.builders