Setting Visual Accents: How to Use Images Effectively
A picture is worth a thousand words – especially for your website. Whether you want to showcase products, introduce your team, or evoke emotions: with the Kopage Website Builder, you can insert images and galleries intuitively via drag-and-drop.
Performance Tip: Use web-optimized images (JPG/PNG/WebP, approx. 100–300 KB). This ensures lightning-fast loading times and happy visitors.
1. Inserting a Single Image
- Click the Edit button (pencil icon) on the desired page.
- Select the Image element from the list.
- Click Browse/Upload to upload an image or choose a photo from your media library.
- Once inserted, you can adjust the size, alignment, and style directly in the editor.
2. Creating Professional Image Galleries
If you want to present multiple images, the gallery element is your best choice:
- Add a new content block via + Content.
- Select Gallery as the element type.
- Use Manage Gallery to upload your photos. You can easily rearrange the order via drag-and-drop.
3. Customizing Design and Styling
Effects & Borders
Add shadows or soften corners for a modern look.
Add shadows or soften corners for a modern look.
Interaction
Enable the zoom effect (Lightbox) so images enlarge when clicked.
Enable the zoom effect (Lightbox) so images enlarge when clicked.
Backgrounds
Use images as full-surface backgrounds for individual sections.
Use images as full-surface backgrounds for individual sections.
4. SEO & Accessibility (Alt Texts)
To help search engines understand your images and allow screen readers to describe them, you should assign Alt Texts:
- Click on the inserted image and select Edit Image.
- Enter a short, concise description under Alt Text (e.g., "Modern web design example CURIAWEB").
Conclusion: With appealing images, your site immediately looks more professional. Kopage handles the technical work so you can focus entirely on the design.
Next step: Learn all about the SEO Basics in Kopage.
