<h1 class="PlaygroundEditorTheme__h1" dir="ltr">Images in the SiteDu.de builder</h1>Changing images on your website with the Sitedu.de Website Builder is a simple and straightforward process. Here's how you can do it: <div data-lexical-embed-block="<div style=&quot;position: relative; width: 100%; height: 0px; overflow: hidden; padding-bottom: min(45.1%, 95vh);&quot;><iframe src=&quot;https://media.textdude.de/embed/recordings/GZL2JEurZfbRmXcjUSFM?onlyRecording=1&quot; allowfullscreen=&quot;&quot; mozallowfullscreen=&quot;&quot; webkitallowfullscreen=&quot;&quot; width=&quot;100%&quot; height=&quot;100%&quot; frameborder=&quot;0&quot; style=&quot;border: 0px; position: absolute; inset: 0px;&quot;></iframe></div>"><div style="position: relative; width: 100%; height: 0px; overflow: hidden; padding-bottom: min(45.1%, 95vh);"><iframe src="https://media.textdude.de/embed/recordings/GZL2JEurZfbRmXcjUSFM?onlyRecording=1" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" width="100%" height="100%" frameborder="0" style="border: 0px; position: absolute; inset: 0px;"></iframe></div></div> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Right-click on the image: Select the image you want to change on your website (by clicking on it), now right-click on it, and select "Change Image". This will open your media library. You can also click on the small icon in the bottom left corner of the image element. </li><li value="2" class="PlaygroundEditorTheme__listItem">Choose your new image: In your media library, you have multiple options to choose from. You can select an image from your personal files, use the image bank of Unsplash for free stock images, or choose from an extensive icon bank. </li><li value="3" class="PlaygroundEditorTheme__listItem">Check the image dimensions: Before you change the image, it's important to check the dimensions of the current image. This ensures that you replace the image with another one of the same or similar dimensions, maintaining the aesthetic balance and design integrity of your website. You can usually find the image dimensions in the image properties or settings. </li><li value="4" class="PlaygroundEditorTheme__listItem">Select and save: Once you've chosen the new image with the correct dimensions, select it and save your changes. Your new image will now appear in place of the old one on your website. </li></ol>With these simple steps, you can easily update and refresh the visual content on your website, keeping it attractive and engaging for your visitors. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Upload and use your own images</h2>Adding your own images to your website is not always necessary, but it can make your web presence more personal and unique. The Sitedu.de Website Builder supports the upload of PNG, JPEG, and the recommended WEBP image formats. Here's a brief guide on how to ensure you're uploading the right image files for optimal website performance: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Check the file type: Before uploading, ensure your image is in the correct format. The builder accepts PNG and JPEG files, but we recommend using WEBP format. WEBP images provide high-quality visuals with smaller file sizes, leading to faster website load times. To convert your image into an WEBP format, you can use one of many online tools, such as <a href="https://cloudconvert.com/webp-converter" rel="noreferrer" class="PlaygroundEditorTheme__link">this one</a>. </li><li value="2" class="PlaygroundEditorTheme__listItem">Check the image size: The size of your image files can significantly impact your website's performance. Larger files take longer to load, which can slow down your website and affect the user experience. Therefore, it's crucial to resize your images before uploading them. Aim for the smallest size possible that still generates a great image quality. </li><li value="3" class="PlaygroundEditorTheme__listItem">Upload the image: Once you've ensured your image is in the correct format and size, you can upload it to your media library and use it on your website. </li></ol>Remember, optimizing your images before uploading them not only enhances your website's performance but also improves its SEO ranking, as search engines favor websites that load quickly. So, take the time to prepare your images correctly — your website visitors will thank you!<h1 class="PlaygroundEditorTheme__h1"> </h1><h3 class="PlaygroundEditorTheme__h3" dir="ltr">Edit Images</h3>With the Sitedu.de Website Builder, you're not just limited to uploading images — you can also edit them directly within the builder to fit your website's style and aesthetic. However, we strongly advise using these features only if you have a thorough understanding of how they work. Here's what you can do: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Crop: Adjust the size and shape of your image to focus on the essential parts. </li><li value="2" class="PlaygroundEditorTheme__listItem">Flip: Change the orientation of your image by flipping it horizontally or vertically. </li><li value="3" class="PlaygroundEditorTheme__listItem">Add shapes, icons, or text: Enhance your images by adding shapes, icons, or text. </li><li value="4" class="PlaygroundEditorTheme__listItem">Use advanced filters: Change the look and feel of your images using advanced filters. You can adjust brightness, contrast, saturation, and more to create the perfect mood for your website. </li><li value="5" class="PlaygroundEditorTheme__listItem">You can also use the interesting <a href="https://help.sitedu.de/articles/the-ken-burns-effect-f0a2d0-3acd7" rel="noreferrer" class="PlaygroundEditorTheme__link">Ken Burns</a> or the <a href="https://help.sitedu.de/articles/the-parallax-effect-f0a2d0-5c779" rel="noreferrer" class="PlaygroundEditorTheme__link">Parallax effects</a>.</li></ul>

See how to get and use images for your website

# Images in the SiteDu.de builder

Changing images on your website with the Sitedu.de Website Builder is a simple and straightforward process. Here's how you can do it:

">

1. ****Right-click on the image:**** Select the image you want to change on your website (by clicking on it), now right-click on it, and select "Change Image". This will open your media library. You can also click on the small icon in the bottom left corner of the image element.
2. ****Choose your new image:**** In your media library, you have multiple options to choose from. You can select an image from your personal files, use the image bank of Unsplash for free stock images, or choose from an extensive icon bank.
3. ****Check the image dimensions:**** Before you change the image, it's important to check the dimensions of the current image. This ensures that you replace the image with another one of the same or similar dimensions, maintaining the aesthetic balance and design integrity of your website. You can usually find the image dimensions in the image properties or settings.
4. ****Select and save:**** Once you've chosen the new image with the correct dimensions, select it and save your changes. Your new image will now appear in place of the old one on your website.

With these simple steps, you can easily update and refresh the visual content on your website, keeping it attractive and engaging for your visitors.

## Upload and use your own images

Adding your own images to your website is not always necessary, but it can make your web presence more personal and unique. The Sitedu.de Website Builder supports the upload of PNG, JPEG, and the recommended WEBP image formats. Here's a brief guide on how to ensure you're uploading the right image files for optimal website performance:

1. ****Check the file type:**** Before uploading, ensure your image is in the correct format. The builder accepts PNG and JPEG files, but we recommend using WEBP format. WEBP images provide high-quality visuals with smaller file sizes, leading to faster website load times. To convert your image into an WEBP format, you can use one of many online tools, such as[this one](https://cloudconvert.com/webp-converter).
2. ****Check the image size:**** The size of your image files can significantly impact your website's performance. Larger files take longer to load, which can slow down your website and affect the user experience. Therefore, it's crucial to resize your images before uploading them. Aim for the smallest size possible that still generates a great image quality.
3. ****Upload the image:**** Once you've ensured your image is in the correct format and size, you can upload it to your media library and use it on your website.

Remember, optimizing your images before uploading them not only enhances your website's performance but also improves its SEO ranking, as search engines favor websites that load quickly. So, take the time to prepare your images correctly — your website visitors will thank you!

### Edit Images

With the Sitedu.de Website Builder, you're not just limited to uploading images — you can also edit them directly within the builder to fit your website's style and aesthetic. However, we strongly advise using these features only if you have a thorough understanding of how they work. Here's what you can do:

* ****Crop:**** Adjust the size and shape of your image to focus on the essential parts.
* ****Flip:**** Change the orientation of your image by flipping it horizontally or vertically.
* ****Add shapes, icons, or text:**** Enhance your images by adding shapes, icons, or text.
* ****Use advanced filters:**** Change the look and feel of your images using advanced filters. You can adjust brightness, contrast, saturation, and more to create the perfect mood for your website.
* You can also use the interesting[Ken Burns](https://help.sitedu.de/articles/the-ken-burns-effect-f0a2d0-3acd7) or the[Parallax effects](https://help.sitedu.de/articles/the-parallax-effect-f0a2d0-5c779).

<h1 class="PlaygroundEditorTheme__h1" dir="ltr">Images in the SiteDu.de builder</h1>Changing images on your website with the Sitedu.de Website Builder is a simple and straightforward process. Here's how you can do it: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Right-click on the image: Locate the image you want to change on your website, right-click on it, and select "Change Image". This will open your media library. </li><li value="2" class="PlaygroundEditorTheme__listItem">Choose your new image: In your media library, you have multiple options to choose from. You can select an image from your personal files, use the image bank of Unsplash for free stock images, or choose from an extensive icon bank. </li><li value="3" class="PlaygroundEditorTheme__listItem">Check the image dimensions: Before you change the image, it's important to check the dimensions of the current image. This ensures that you replace the image with another one of the same or similar dimensions, maintaining the aesthetic balance and design integrity of your website. You can usually find the image dimensions in the image properties or settings. </li><li value="4" class="PlaygroundEditorTheme__listItem">Select and save: Once you've chosen the new image with the correct dimensions, select it and save your changes. Your new image will now appear in place of the old one on your website. </li></ol>With these simple steps, you can easily update and refresh the visual content on your website, keeping it attractive and engaging for your visitors. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Upload and use your own images</h2>Adding your own images to your website is not always necessary, but it can make your web presence more personal and unique. The Sitedu.de Website Builder supports the upload of PNG, JPEG, and the recommended WEBP image formats. Here's a brief guide on how to ensure you're uploading the right image files for optimal website performance: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Check the file type: Before uploading, ensure your image is in the correct format. The builder accepts PNG and JPEG files, but we recommend using WEBP format. WEBP images provide high-quality visuals with smaller file sizes, leading to faster website load times. To convert your image into an WEBP format, you can use one of many online tools, such as <a href="https://cloudconvert.com/webp-converter" rel="noreferrer" class="PlaygroundEditorTheme__link">this one</a>. </li><li value="2" class="PlaygroundEditorTheme__listItem">Check the image size: The size of your image files can significantly impact your website's performance. Larger files take longer to load, which can slow down your website and affect the user experience. Therefore, it's crucial to resize your images before uploading them. Aim for the smallest size possible that still generates a great image quality. </li><li value="3" class="PlaygroundEditorTheme__listItem">Upload the image: Once you've ensured your image is in the correct format and size, you can upload it to your media library and use it on your website. </li></ol>Remember, optimizing your images before uploading them not only enhances your website's performance but also improves its SEO ranking, as search engines favor websites that load quickly. So, take the time to prepare your images correctly - your website visitors will thank you!<h1 class="PlaygroundEditorTheme__h1" dir="ltr"> </h1>

Images

<h1 class="PlaygroundEditorTheme__h1" dir="ltr">Images in the SiteDu.de builder</h1>Changing images on your website with the Sitedu.de Website Builder is a simple and straightforward process. Here's how you can do it: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Right-click on the image: Locate the image you want to change on your website, right-click on it, and select "Change Image". This will open your media library. You can also click on the small icon in the bottom left corner of the image element. </li><li value="2" class="PlaygroundEditorTheme__listItem">Choose your new image: In your media library, you have multiple options to choose from. You can select an image from your personal files, use the image bank of Unsplash for free stock images, or choose from an extensive icon bank. </li><li value="3" class="PlaygroundEditorTheme__listItem">Check the image dimensions: Before you change the image, it's important to check the dimensions of the current image. This ensures that you replace the image with another one of the same or similar dimensions, maintaining the aesthetic balance and design integrity of your website. You can usually find the image dimensions in the image properties or settings. </li><li value="4" class="PlaygroundEditorTheme__listItem">Select and save: Once you've chosen the new image with the correct dimensions, select it and save your changes. Your new image will now appear in place of the old one on your website. </li></ol>With these simple steps, you can easily update and refresh the visual content on your website, keeping it attractive and engaging for your visitors. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Upload and use your own images</h2>Adding your own images to your website is not always necessary, but it can make your web presence more personal and unique. The Sitedu.de Website Builder supports the upload of PNG, JPEG, and the recommended WEBP image formats. Here's a brief guide on how to ensure you're uploading the right image files for optimal website performance: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Check the file type: Before uploading, ensure your image is in the correct format. The builder accepts PNG and JPEG files, but we recommend using WEBP format. WEBP images provide high-quality visuals with smaller file sizes, leading to faster website load times. To convert your image into an WEBP format, you can use one of many online tools, such as <a href="https://cloudconvert.com/webp-converter" rel="noreferrer" class="PlaygroundEditorTheme__link">this one</a>. </li><li value="2" class="PlaygroundEditorTheme__listItem">Check the image size: The size of your image files can significantly impact your website's performance. Larger files take longer to load, which can slow down your website and affect the user experience. Therefore, it's crucial to resize your images before uploading them. Aim for the smallest size possible that still generates a great image quality. </li><li value="3" class="PlaygroundEditorTheme__listItem">Upload the image: Once you've ensured your image is in the correct format and size, you can upload it to your media library and use it on your website. </li></ol>Remember, optimizing your images before uploading them not only enhances your website's performance but also improves its SEO ranking, as search engines favor websites that load quickly. So, take the time to prepare your images correctly - your website visitors will thank you!<h1 class="PlaygroundEditorTheme__h1"> </h1>

<h1 class="PlaygroundEditorTheme__h1" dir="ltr">Images in the SiteDu.de builder</h1>Changing images on your website with the Sitedu.de Website Builder is a simple and straightforward process. Here's how you can do it: <div data-lexical-embed-block="<div style=&quot;position: relative; width: 100%; height: 0px; overflow: hidden; padding-bottom: min(45.1%, 95vh);&quot;><iframe src=&quot;https://media.textdude.de/embed/recordings/GZL2JEurZfbRmXcjUSFM?onlyRecording=1&quot; allowfullscreen=&quot;&quot; mozallowfullscreen=&quot;&quot; webkitallowfullscreen=&quot;&quot; width=&quot;100%&quot; height=&quot;100%&quot; frameborder=&quot;0&quot; style=&quot;border: 0px; position: absolute; inset: 0px;&quot;></iframe></div>"><div style="position: relative; width: 100%; height: 0px; overflow: hidden; padding-bottom: min(45.1%, 95vh);"><iframe src="https://media.textdude.de/embed/recordings/GZL2JEurZfbRmXcjUSFM?onlyRecording=1" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" width="100%" height="100%" frameborder="0" style="border: 0px; position: absolute; inset: 0px;"></iframe></div></div> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Right-click on the image: Locate the image you want to change on your website, right-click on it, and select "Change Image". This will open your media library. You can also click on the small icon in the bottom left corner of the image element. </li><li value="2" class="PlaygroundEditorTheme__listItem">Choose your new image: In your media library, you have multiple options to choose from. You can select an image from your personal files, use the image bank of Unsplash for free stock images, or choose from an extensive icon bank. </li><li value="3" class="PlaygroundEditorTheme__listItem">Check the image dimensions: Before you change the image, it's important to check the dimensions of the current image. This ensures that you replace the image with another one of the same or similar dimensions, maintaining the aesthetic balance and design integrity of your website. You can usually find the image dimensions in the image properties or settings. </li><li value="4" class="PlaygroundEditorTheme__listItem">Select and save: Once you've chosen the new image with the correct dimensions, select it and save your changes. Your new image will now appear in place of the old one on your website. </li></ol>With these simple steps, you can easily update and refresh the visual content on your website, keeping it attractive and engaging for your visitors. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Upload and use your own images</h2>Adding your own images to your website is not always necessary, but it can make your web presence more personal and unique. The Sitedu.de Website Builder supports the upload of PNG, JPEG, and the recommended WEBP image formats. Here's a brief guide on how to ensure you're uploading the right image files for optimal website performance: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Check the file type: Before uploading, ensure your image is in the correct format. The builder accepts PNG and JPEG files, but we recommend using WEBP format. WEBP images provide high-quality visuals with smaller file sizes, leading to faster website load times. To convert your image into an WEBP format, you can use one of many online tools, such as <a href="https://cloudconvert.com/webp-converter" rel="noreferrer" class="PlaygroundEditorTheme__link">this one</a>. </li><li value="2" class="PlaygroundEditorTheme__listItem">Check the image size: The size of your image files can significantly impact your website's performance. Larger files take longer to load, which can slow down your website and affect the user experience. Therefore, it's crucial to resize your images before uploading them. Aim for the smallest size possible that still generates a great image quality. </li><li value="3" class="PlaygroundEditorTheme__listItem">Upload the image: Once you've ensured your image is in the correct format and size, you can upload it to your media library and use it on your website. </li></ol>Remember, optimizing your images before uploading them not only enhances your website's performance but also improves its SEO ranking, as search engines favor websites that load quickly. So, take the time to prepare your images correctly — your website visitors will thank you!<h1 class="PlaygroundEditorTheme__h1"> </h1><h3 class="PlaygroundEditorTheme__h3" dir="ltr">Edit Images</h3>With the Sitedu.de Website Builder, you're not just limited to uploading images — you can also edit them directly within the builder to fit your website's style and aesthetic. However, we strongly advise using these features only if you have a thorough understanding of how they work. Here's what you can do: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Crop: Adjust the size and shape of your image to focus on the essential parts. </li><li value="2" class="PlaygroundEditorTheme__listItem">Flip: Change the orientation of your image by flipping it horizontally or vertically. </li><li value="3" class="PlaygroundEditorTheme__listItem">Add shapes, icons, or text: Enhance your images by adding shapes, icons, or text. </li><li value="4" class="PlaygroundEditorTheme__listItem">Use advanced filters: Change the look and feel of your images using advanced filters. You can adjust brightness, contrast, saturation, and more to create the perfect mood for your website.</li></ul>

<h1 class="PlaygroundEditorTheme__h1" dir="ltr">Images in the SiteDu.de builder</h1>Changing images on your website with the Sitedu.de Website Builder is a simple and straightforward process. Here's how you can do it: <div data-lexical-embed-block="<div style=&quot;position: relative; width: 100%; height: 0px; overflow: hidden; padding-bottom: min(45.1%, 95vh);&quot;><iframe src=&quot;https://media.textdude.de/embed/recordings/GZL2JEurZfbRmXcjUSFM?onlyRecording=1&quot; allowfullscreen=&quot;&quot; mozallowfullscreen=&quot;&quot; webkitallowfullscreen=&quot;&quot; width=&quot;100%&quot; height=&quot;100%&quot; frameborder=&quot;0&quot; style=&quot;border: 0px; position: absolute; inset: 0px;&quot;></iframe></div>"><div style="position: relative; width: 100%; height: 0px; overflow: hidden; padding-bottom: min(45.1%, 95vh);"><iframe src="https://media.textdude.de/embed/recordings/GZL2JEurZfbRmXcjUSFM?onlyRecording=1" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" width="100%" height="100%" frameborder="0" style="border: 0px; position: absolute; inset: 0px;"></iframe></div></div> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Right-click on the image: Select the image you want to change on your website (by clicking on it), now right-click on it, and select "Change Image". This will open your media library. You can also click on the small icon in the bottom left corner of the image element. </li><li value="2" class="PlaygroundEditorTheme__listItem">Choose your new image: In your media library, you have multiple options to choose from. You can select an image from your personal files, use the image bank of Unsplash for free stock images, or choose from an extensive icon bank. </li><li value="3" class="PlaygroundEditorTheme__listItem">Check the image dimensions: Before you change the image, it's important to check the dimensions of the current image. This ensures that you replace the image with another one of the same or similar dimensions, maintaining the aesthetic balance and design integrity of your website. You can usually find the image dimensions in the image properties or settings. </li><li value="4" class="PlaygroundEditorTheme__listItem">Select and save: Once you've chosen the new image with the correct dimensions, select it and save your changes. Your new image will now appear in place of the old one on your website. </li></ol>With these simple steps, you can easily update and refresh the visual content on your website, keeping it attractive and engaging for your visitors. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Upload and use your own images</h2>Adding your own images to your website is not always necessary, but it can make your web presence more personal and unique. The Sitedu.de Website Builder supports the upload of PNG, JPEG, and the recommended WEBP image formats. Here's a brief guide on how to ensure you're uploading the right image files for optimal website performance: <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Check the file type: Before uploading, ensure your image is in the correct format. The builder accepts PNG and JPEG files, but we recommend using WEBP format. WEBP images provide high-quality visuals with smaller file sizes, leading to faster website load times. To convert your image into an WEBP format, you can use one of many online tools, such as <a href="https://cloudconvert.com/webp-converter" rel="noreferrer" class="PlaygroundEditorTheme__link">this one</a>. </li><li value="2" class="PlaygroundEditorTheme__listItem">Check the image size: The size of your image files can significantly impact your website's performance. Larger files take longer to load, which can slow down your website and affect the user experience. Therefore, it's crucial to resize your images before uploading them. Aim for the smallest size possible that still generates a great image quality. </li><li value="3" class="PlaygroundEditorTheme__listItem">Upload the image: Once you've ensured your image is in the correct format and size, you can upload it to your media library and use it on your website. </li></ol>Remember, optimizing your images before uploading them not only enhances your website's performance but also improves its SEO ranking, as search engines favor websites that load quickly. So, take the time to prepare your images correctly — your website visitors will thank you!<h1 class="PlaygroundEditorTheme__h1"> </h1><h3 class="PlaygroundEditorTheme__h3" dir="ltr">Edit Images</h3>With the Sitedu.de Website Builder, you're not just limited to uploading images — you can also edit them directly within the builder to fit your website's style and aesthetic. However, we strongly advise using these features only if you have a thorough understanding of how they work. Here's what you can do: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Crop: Adjust the size and shape of your image to focus on the essential parts. </li><li value="2" class="PlaygroundEditorTheme__listItem">Flip: Change the orientation of your image by flipping it horizontally or vertically. </li><li value="3" class="PlaygroundEditorTheme__listItem">Add shapes, icons, or text: Enhance your images by adding shapes, icons, or text. </li><li value="4" class="PlaygroundEditorTheme__listItem">Use advanced filters: Change the look and feel of your images using advanced filters. You can adjust brightness, contrast, saturation, and more to create the perfect mood for your website.</li></ul>

Du hast ein SiteDu.de Basic oder Pro Abo mit dem SiteDu.de Web Builder? Lerne hier, wie du den Builder verwenden und deine Inhalte bearbeiten kannst.

Was this article helpful?