{"id":22828,"date":"2026-08-29T10:16:31","date_gmt":"2026-08-29T08:16:31","guid":{"rendered":"https:\/\/www.curiaweb.ch\/?post_type=docs&#038;p=22828"},"modified":"2026-08-29T10:16:32","modified_gmt":"2026-08-29T08:16:32","password":"","slug":"kopage-image-gallery-slider","status":"publish","type":"docs","link":"https:\/\/www.curiaweb.ch\/en\/hilfe\/website-baukasten\/kopage-bilder-galerien-slider\/","title":{"rendered":"Creating images, photo galleries, and sliders in Kopage"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Images are among the most important design elements of a website. In the classic Kopage Website Builder, you can use your own images, replace existing ones, and present multiple shots via photo galleries or sliders.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In doing so, you should not only pay attention to how an image looks. File size, dimensions, cropping, and how it is displayed on different screen sizes also affect the quality of your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this guide, we show you how to use images effectively in Kopage and when a single image, a photo gallery, or a slider is appropriate.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Briefly explained:<\/strong> Use single images for regular page content, a photo gallery for multiple related shots, and a slider when multiple images are to be shown within a shared presentation area.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Using images in a Jimdo website<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Images can be used in different places on your website in Kopage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Typical examples are images within content blocks, larger visual areas, team or reference images, as well as images within a gallery or slider.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Which variant makes sense depends on what task the image is supposed to fulfill.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, a photo next to a service description does not need a photo gallery. If, on the other hand, you want to present multiple shots of a project, a gallery can be much clearer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Upload own image<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to replace an existing example image with your own image or create a new image area, you can use your own image file in Kopage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To do this, select the image function within the relevant content area and upload the desired file or select an existing image from your file manager.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before uploading a file, you should check whether it is suitable for use on a website.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Practical Tip:<\/strong> Prepare images for their intended use before uploading them, if possible. Very large camera or smartphone originals cause unnecessary data volumes, even though they are displayed much smaller on the website.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Replace existing image<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Many templates and content blocks already contain sample images. These serve as placeholders and can be replaced with your own images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When replacing it, you should ensure that the new image fits the intended area.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A very tall portrait image can, for example, be unsuitable if the content area is intended for a wide landscape format.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Therefore, always check the actual image section on the website after replacing it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Which image formats are suitable for a website?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For normal website images, modern web formats as well as JPEG and PNG are used in particular.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Which format makes sense depends on the image content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For photographs, a compressed image format is suitable. For graphics or logos, however, a format with transparency may be required.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">What is crucial is a sensible compromise between image quality and file size.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important:<\/strong> An image file that is as large as possible does not automatically mean better display. For websites, an appropriate file size is just as important as the visible image quality.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Resize images before uploading<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Modern smartphones and digital cameras capture images with very high resolutions. Such original files are often unnecessarily large for direct use on a standard website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If an image on your website is only displayed at a width of around 1,000 pixels, for example, an original file that is several thousand pixels wide usually does not provide any corresponding benefit for the visitor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">She can increase the amount of data to be transmitted instead.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Therefore, resize images to a size that is reasonable for their actual intended use and compress them without unnecessarily degrading the visible quality.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">File size and loading time<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Images are often among the largest files on a website. Several unnecessarily large photos can therefore significantly impact the loading time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is particularly relevant on smartphones and slower internet connections.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If a page contains ten large photos, the browser has to transfer significantly more data than with sensibly optimized images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Image optimization is therefore not only a design measure, but also a technical one.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Choose the right framing<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A good source image does not automatically work in every layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When making your selection, you should consider how much space is allocated for the image and what aspect ratio the corresponding area has.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">An example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Wide content area\n\u2192 mostly landscape format\n\nPortrait\n\u2192 frequently portrait format\n\nuniform gallery\n\u2192 image aspect ratios as consistent as possible<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">This does not mean that all images have to have the exact same format. However, a consistent image style can make a gallery or page appear significantly more tranquil.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Using images within content blocks<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Content blocks can contain different combinations of texts and images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With this, for example, you can display text next to an image or build a larger visual area within a page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We explain how to generally select and edit content blocks at <a href=\"\/en\/help\/website-builder\/edit-kopage-content-blocks\/\">Create content with Kopage: editing content blocks, texts, and images<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is the Files Manager?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage has a file manager that you can use to manage uploaded files or images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is useful if you want to reuse an already uploaded image in another place.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This means you don't have to upload the same file from your computer again for every use.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Clear file management becomes especially important when your website contains many images and other files over time.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Organize files effectively<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Avoid uploading the same images unnecessarily multiple times.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If a matching file already exists, you should use it if possible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Understandable file names also help with later management.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A filename like:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>team-curiaweb.jpg<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">is, for example, much more meaningful than:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>IMG_839274.jpg<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is especially true if there are many files in the media library later.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Edit pictures<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage offers image editing options. This allows images to be customized for use within the website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nevertheless, it makes sense to use a suitable source file beforehand.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">An integrated image editor should not serve to permanently compensate for very large or fundamentally unsuitable source images.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is a photo gallery?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A photo gallery is useful if you want to present several related pictures clearly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Typical areas of application include, for example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reference projects,<\/li>\n\n\n\n<li>Events,<\/li>\n\n\n\n<li>Products or works,<\/li>\n\n\n\n<li>Premises,<\/li>\n\n\n\n<li>Team or club photos.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Instead of inserting each image as a separate content block, you can display the shots in a cohesive gallery.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Create a photo gallery in Kopage<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Open the page where you want to insert your gallery and select the corresponding gallery function or the module provided for it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then add the desired images and check their order and display.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Depending on the gallery view used, you should pay special attention to ensuring that the selected images match visually.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Practical Tip:<\/strong> A gallery with ten carefully selected images often has a better impact than a gallery with fifty very similar shots. Show the images that are actually interesting to visitors.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Order of the gallery images<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The order can influence how visitors perceive a series of images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, in a project you can proceed chronologically:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Initial situation\n       \u2193\nWorking\n       \u2193\nIntermediate result\n       \u2193\nFinished project<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">In a general gallery, on the other hand, the strongest or most impactful image at the beginning can make sense.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Avoid a completely random order if possible, when the images are intended to show a story or development together.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is a slider?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A slider displays multiple contents or images one after the other within a shared area.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This allows multiple images to be presented without having to display all of them stacked vertically at the same time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sliders can be used, for example, for selected references or visual impressions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">When is a slider useful?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A slider should serve a specific purpose and not just be used because the feature is available.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If a single strong image already conveys the desired message, this can be simpler and more effective.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A slider is more suitable when multiple images actually belong together and are to be displayed within the same area.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> More movement does not automatically mean better web design. Only use a slider where multiple changing contents offer real added value for the visitor.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Gallery or slider \u2013 which is better?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Both functions pursue different goals.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Photo gallery\n\u2192 view multiple images clearly\n\nSlider\n\u2192 display multiple images in the same presentation area\n\nSingle image\n\u2192 specifically support a particular statement<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">If visitors need to compare multiple photos with each other or freely select them, a gallery is often more suitable.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If, on the other hand, only a few visual impressions are to be shown within a compact area, a slider can make sense.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Not every page needs a gallery or a slider<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Additional visual features should always match the content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, a large image slider is often unnecessary on a contact page. On a reference or project page, however, a gallery can be very helpful.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Therefore, use such features purposefully and not automatically on every page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Image quality within a gallery<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In a gallery, differences between the individual pictures become apparent particularly quickly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Significantly different resolutions, aspect ratios, or visual styles can make the presentation look uneven.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If possible, prepare related gallery images in a similar quality and with a matching aspect ratio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Zu viele Bilder vermeiden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine umfangreiche Bildergalerie kann nicht nur un\u00fcbersichtlich werden, sondern auch zus\u00e4tzliche Daten \u00fcbertragen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dcberlege deshalb, welche Bilder tats\u00e4chlich notwendig sind.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei einer Referenzseite m\u00fcssen beispielsweise nicht zwanzig fast identische Aufnahmen desselben Motivs gezeigt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine gezielte Auswahl erleichtert Besuchern die Orientierung und reduziert gleichzeitig unn\u00f6tige Datenmengen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bilder auf dem Smartphone kontrollieren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Bild kann auf einem Desktop-Monitor hervorragend aussehen und auf einem Smartphone einen ung\u00fcnstigen Ausschnitt zeigen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere deshalb insbesondere:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>gro\u00dfe Titel- und Hintergrundbilder,<\/li>\n\n\n\n<li>Text-Bild-Content-Blocks,<\/li>\n\n\n\n<li>Galerien,<\/li>\n\n\n\n<li>Slider,<\/li>\n\n\n\n<li>und Bilder mit wichtigen Motiven am Rand.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For further information on mobile display, please visit <a href=\"\/en\/help\/website-builder\/kopage-responsive-design\/\">Responsive Design: Optimizing Kopage website for smartphones and tablets<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Text nicht als Bild einbauen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wichtige Informationen sollten nach M\u00f6glichkeit als echter Text auf der Website stehen und nicht ausschlie\u00dflich Bestandteil eines Bildes sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das betrifft beispielsweise \u00dcberschriften, Kontaktinformationen oder l\u00e4ngere Beschreibungen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Echter Text l\u00e4sst sich auf unterschiedlichen Bildschirmgr\u00f6\u00dfen besser darstellen und kann von Suchmaschinen und unterst\u00fctzenden Technologien besser verarbeitet werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bilder und Suchmaschinenoptimierung<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bilder k\u00f6nnen auch f\u00fcr die Suchmaschinenoptimierung relevant sein. Entscheidend ist dabei vor allem, dass sie sinnvoll in den Seiteninhalt eingebunden werden und technisch vern\u00fcnftig eingesetzt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verwende aussagekr\u00e4ftige Dateinamen und \u2013 sofern die entsprechende Funktion im verwendeten Bereich zur Verf\u00fcgung steht \u2013 eine sinnvolle Beschreibung beziehungsweise einen Alternativtext f\u00fcr inhaltlich relevante Bilder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Alternativtext sollte beschreiben, was f\u00fcr das Verst\u00e4ndnis des Bildes beziehungsweise des Seiteninhalts relevant ist, und nicht mit einer Liste von Suchbegriffen gef\u00fcllt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die allgemeinen SEO-Einstellungen behandeln wir unter <a href=\"\/en\/help\/website-builder\/kopage-seo-settings\/\">SEO with Kopage: Page titles, metadata, URLs, and search engine optimization<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Urheberrechte bei Bildern beachten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nur weil ein Bild im Internet gefunden werden kann, bedeutet das nicht, dass du es auf deiner eigenen Website verwenden darfst.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verwende deshalb eigene Bilder oder Dateien, f\u00fcr deren Nutzung du die erforderlichen Rechte besitzt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei Bildern aus Bilddatenbanken solltest du die jeweiligen Lizenzbedingungen beachten und pr\u00fcfen, ob beziehungsweise in welcher Form eine Quellen- oder Urheberangabe erforderlich ist.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important:<\/strong> Lade keine Bilder aus der Google-Bildersuche oder von fremden Websites herunter und verwende sie ungepr\u00fcft auf deiner Website. Die Auffindbarkeit eines Bildes sagt nichts \u00fcber deine Nutzungsrechte aus.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Bilder sp\u00e4ter austauschen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Du kannst Bilder auf deiner Kopage Website sp\u00e4ter aktualisieren oder ersetzen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das ist beispielsweise sinnvoll, wenn neue Teamfotos vorhanden sind, Referenzen aktualisiert werden oder ein bisher verwendetes Bild nicht mehr zum Erscheinungsbild deiner Website passt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere nach dem Austausch, ob der neue Bildausschnitt weiterhin zum betreffenden Content Block beziehungsweise zur Galerie passt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bilder l\u00f6schen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du eine Bilddatei nicht mehr ben\u00f6tigst, solltest du vor dem endg\u00fcltigen L\u00f6schen pr\u00fcfen, ob sie noch an einer anderen Stelle der Website verwendet wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das ist besonders wichtig, wenn du Dateien \u00fcber eine zentrale Dateiverwaltung mehrfach eingesetzt hast.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Attention:<\/strong> Entferne eine Datei nicht vorschnell aus der Dateiverwaltung, wenn du nicht sicher bist, ob sie noch auf einer anderen Seite, in einer Galerie oder in einem anderen Bereich verwendet wird.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Typische Fehler bei Bildern<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e4ufige Probleme entstehen durch unn\u00f6tig gro\u00dfe Dateien, ungeeignete Bildausschnitte, unscharfe Bilder oder sehr unterschiedliche Bildstile innerhalb derselben Seite.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Auch zu viele Slider und Galerien k\u00f6nnen eine Website \u00fcberladen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein weiteres Problem sind Bilder, die zwar dekorativ aussehen, aber nicht zum eigentlichen Inhalt passen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verwende Bilder deshalb gezielt und betrachte sie als Bestandteil deiner Kommunikation \u2013 nicht nur als Dekoration.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Check vor der Ver\u00f6ffentlichung<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nach gr\u00f6\u00dferen Bild\u00e4nderungen lohnt sich eine kurze Kontrolle:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Sind alle Platzhalterbilder ersetzt?\n        \u2193\nSind die Bilder scharf?\n        \u2193\nSind die Dateien sinnvoll dimensioniert?\n        \u2193\nStimmen die Bildausschnitte?\n        \u2193\nFunktionieren Galerie und Slider?\n        \u2193\nIst die Reihenfolge sinnvoll?\n        \u2193\nSmartphone-Darstellung pr\u00fcfen\n        \u2193\nSeite im normalen Browser testen<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">What's next?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nachdem du Seiten, Content Blocks und Bilder verwalten kannst, ist eine weitere h\u00e4ufig ben\u00f6tigte Funktion das Kontaktformular.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Damit k\u00f6nnen Besucher direkt \u00fcber deine Website Anfragen und andere Informationen \u00fcbermitteln.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Therefore, we continue with <a href=\"\/en\/help\/website-builder\/kopage-formulare-erstellen\/\">Create forms and contact forms with Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Summary<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Im klassischen Kopage Website Builder kannst du einzelne Bilder innerhalb deiner Seiten verwenden und mehrere Bilder \u00fcber Fotogalerien oder Slider pr\u00e4sentieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bereite Bilder m\u00f6glichst passend f\u00fcr ihren tats\u00e4chlichen Einsatzzweck vor. Achte auf ausreichende Qualit\u00e4t, vern\u00fcnftige Dateigr\u00f6\u00dfen und einen geeigneten Bildausschnitt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Fotogalerie eignet sich f\u00fcr mehrere zusammengeh\u00f6rige Bilder, w\u00e4hrend ein Slider mehrere Bilder innerhalb eines gemeinsamen Pr\u00e4sentationsbereichs darstellen kann. F\u00fcr viele Inhalte reicht dagegen ein einzelnes, gut ausgew\u00e4hltes Bild vollkommen aus.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere Bilder, Galerien und Slider immer auch auf kleineren Bildschirmgr\u00f6\u00dfen und verwende ausschlie\u00dflich Bildmaterial, f\u00fcr dessen Nutzung du die notwendigen Rechte besitzt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Gute Bildgestaltung bedeutet nicht, m\u00f6glichst viele Bilder einzusetzen. Entscheidend sind passende Motive, gute Qualit\u00e4t, vern\u00fcnftige Dateigr\u00f6\u00dfen und ein klarer Zweck innerhalb der jeweiligen Seite.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>Bilder geh\u00f6ren zu den wichtigsten Gestaltungselementen einer Website. Im klassischen Kopage Website Builder kannst du eigene Bilder verwenden, vorhandene Bilder austauschen und mehrere Aufnahmen \u00fcber Fotogalerien oder Slider pr\u00e4sentieren. Dabei solltest du nicht nur darauf achten, wie ein Bild aussieht. Dateigr\u00f6\u00dfe, Abmessungen, Bildausschnitt und die Darstellung auf unterschiedlichen Bildschirmgr\u00f6\u00dfen beeinflussen ebenfalls die Qualit\u00e4t deiner Website. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"doc_category":[84],"doc_tag":[],"class_list":["post-22828","docs","type-docs","status-publish","hentry","doc_category-website-baukasten"],"year_month":"2026-09","word_count":2270,"total_views":"4","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Silvio Mazenauer","author_nicename":"admin-curia","author_url":"https:\/\/www.curiaweb.ch\/en\/author\/admin-curia\/"},"doc_category_info":[{"term_name":"Website-Baukasten","term_url":"https:\/\/www.curiaweb.ch\/en\/hilfe-kategorie\/website-baukasten\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/docs\/22828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/comments?post=22828"}],"version-history":[{"count":1,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/docs\/22828\/revisions"}],"predecessor-version":[{"id":22830,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/docs\/22828\/revisions\/22830"}],"wp:attachment":[{"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/media?parent=22828"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/doc_category?post=22828"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/doc_tag?post=22828"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}