Inserting an image tag
- Select the div where you want to insert your image
- Click on the image option to insert your image tag
Uploading an image
- With the image tag selected, open the settings panel
- Look for the source field to upload your image
- Choose the file from your computer and upload it
Once uploaded, the image will automatically be linked to your image tag.
Sizing your image
If your image looks stretched, don't worry about editing it externally. Divhunt gives you sizing options:
- Choose 'cover' to ensure your image covers the entire area without getting stretched or blurred
- Play with the dimensions to make your image's width and height perfect for your layout
Positioning your image
To position your image within its container:
- Use the positioning fields to adjust its placement
- Enter a value to push the image from the top or bottom
- Set it to '50%' to center the image nicely
Aspect ratio
The aspect ratio is crucial as it determines whether your image looks squished or not. Divhunt allows you to set aspect ratios like 4:3 or 16:9, ensuring your images maintain their proportions.
Alt text
Alt text is crucial for SEO and accessibility. It describes your image when it can’t be displayed, like on a slow connection. Always add a relevant description in the alt text field.
Lazy load
Lazy loading is a technique to speed up your webpage's loading time. It loads only the images currently in view, waiting to load others until they become visible as the user scrolls. It's highly recommended for pages with multiple images.
Build and publish websites for free
Build and host your site with a custom domain for free. Upgrade anytime for expanded limits.
Build for free