{"id":6255,"date":"2025-06-23T13:30:44","date_gmt":"2025-06-23T13:30:44","guid":{"rendered":"https:\/\/cmacademy.events\/knowledge-base\/empfohlene-bildgroessen-in-conference-manager\/"},"modified":"2026-03-03T10:18:28","modified_gmt":"2026-03-03T10:18:28","slug":"empfohlene-bildgroessen-in-conference-manager","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/de\/knowledge-base\/empfohlene-bildgroessen-in-conference-manager\/","title":{"rendered":"Empfohlene Bildgr\u00f6\u00dfen in Conference Manager"},"content":{"rendered":"\n<p>Um das bestm\u00f6gliche visuelle Ergebnis in Ihrem Eventdesign zu erzielen, empfehlen wir Ihnen, die unten aufgef\u00fchrten Bildgr\u00f6\u00dfen zu verwenden. Die empfohlenen Ma\u00dfe variieren je nachdem, wo das Bild eingesetzt wird und welches Design-Theme Sie im Website-Designer ausgew\u00e4hlt haben. <\/p>\n\n\n\n<p>Bitte beachten Sie, dass unn\u00f6tig gro\u00dfe Bilder die Leistung negativ beeinflussen k\u00f6nnen. Ist eine Datei zu gro\u00df, kann dies die Ladezeit der Seite verlangsamen oder die Zustellung von E-Mails verz\u00f6gern \u2013 und in einigen F\u00e4llen werden gro\u00dfe Bilddateien von bestimmten Posteing\u00e4ngen m\u00f6glicherweise gar nicht akzeptiert. Wenn Sie Bilder in E-Mails einf\u00fcgen, empfehlen wir au\u00dferdem, diese in ihrer tats\u00e4chlichen Gr\u00f6\u00dfe zu verwenden, anstatt sie im Editor zu verkleinern, da dies die Dateigr\u00f6\u00dfe nicht reduziert.  <\/p>\n\n\n\n<p>F\u00fcr optimale Ergebnisse empfehlen wir die Verwendung von JPG-Dateien f\u00fcr Fotos und farbenreiche Bilder, da sie eine gute Qualit\u00e4t bei kleinerer Dateigr\u00f6\u00dfe bieten. F\u00fcr Logos, Symbole oder Grafiken mit Transparenz wird PNG empfohlen, da dieses Format scharfe Kanten und Hintergr\u00fcnde beibeh\u00e4lt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Website-Designer<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Hintergrundbilder in Bereichen und Header<\/h4>\n\n\n\n<div style=\"background: white; border: 2px solid #9CCC3D; border-radius: 12px; padding: 1.5rem 1rem 0.75rem 1rem; font-family: 'Titillium Web', sans-serif; font-size: 0.85rem; max-width: 700px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\">\n  <p style=\"margin-top: 0; margin-bottom: 1rem; font-weight: 600; color: #9CCC3D;\">Empfohlene Breite<\/p>\n  <table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 8px; overflow: hidden;\">\n    <thead>\n      <tr style=\"background: #9CCC3D; font-weight: 600; text-align: left; color: #12202E;\">\n        <th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-top-left-radius: 8px;\">Theme<\/th>\n<th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">Desktop<\/th>\n<th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">Tablet<\/th>\n<th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-top-right-radius: 8px;\">Mobil<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">Standard \u2013 A<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">2560px<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">768px<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">568px<\/td>\n      <\/tr>\n      <tr>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">Standard \u2013 B<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">1024px<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">768px<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">568px<\/td>\n      <\/tr>\n      <tr>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-bottom-left-radius: 8px;\">Standard \u2013 C<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">2240px<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">768px<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-bottom-right-radius: 8px;\">568px<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Bild im Bereich mit Spalten<\/h4>\n\n\n\n<div style=\"background: white; border: 2px solid #9CCC3D; border-radius: 12px; padding: 1.5rem 1rem 0.75rem 1rem; font-family: 'Titillium Web', sans-serif; font-size: 0.85rem; max-width: 700px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\">\n  <p style=\"margin-top: 0; margin-bottom: 1rem; font-weight: 600; color: #9CCC3D;\">Empfohlene Breite<\/p>\n  <table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 8px; overflow: hidden;\">\n    <thead>\n      <tr style=\"background: #9CCC3D; font-weight: 600; text-align: left; color: #12202E;\">\n        <th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-top-left-radius: 8px;\">Theme<\/th>\n<th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">1 Spalte<\/th>\n<th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">2 Spalten<\/th>\n<th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-top-right-radius: 8px;\">3 Spalten<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">Standard \u2013 A<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">1140px<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">546px<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">348px<\/td>\n      <\/tr>\n      <tr>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">Standard \u2013 B<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">1024px<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">438px<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">276px<\/td>\n      <\/tr>\n      <tr>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-bottom-left-radius: 8px;\">Standard \u2013 C<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">1140px<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">546px<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-bottom-right-radius: 8px;\">348px<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">E-Mails<\/h3>\n\n\n\n<div style=\"background: white; border: 2px solid #9CCC3D; border-radius: 12px; padding: 1.5rem 1rem 0.75rem 1rem; font-family: 'Titillium Web', sans-serif; font-size: 0.85rem; max-width: 700px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\">\n  <p style=\"margin-top: 0; margin-bottom: 1rem; font-weight: 600; color: #9CCC3D;\">Empfohlene Gr\u00f6\u00dfe<\/p>\n  <table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 8px; overflow: hidden;\">\n    <thead>\n      <tr style=\"background: #9CCC3D; font-weight: 600; text-align: left; color: #12202E;\">\n        <th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-top-left-radius: 8px;\">Bildtyp<\/th>\n<th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-top-right-radius: 8px;\">Gr\u00f6\u00dfe<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">Logo<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">200 x 150px<\/td>\n      <\/tr>\n      <tr>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-bottom-left-radius: 8px;\">Banner<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-bottom-right-radius: 8px;\">590px (Breite)<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Teilnahmekategorien<\/h3>\n\n\n\n<div style=\"background: white; border: 2px solid #9CCC3D; border-radius: 12px; padding: 1.5rem 1rem 0.75rem 1rem; font-family: 'Titillium Web', sans-serif; font-size: 0.85rem; max-width: 700px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\">\n  <p style=\"margin-top: 0; margin-bottom: 1rem; font-weight: 600; color: #9CCC3D;\">Empfohlene Gr\u00f6\u00dfe<\/p>\n  <table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 8px; overflow: hidden;\">\n    <thead>\n      <tr style=\"background: #9CCC3D; font-weight: 600; text-align: left; color: #12202E;\">\n        <th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-top-left-radius: 8px;\">Bildtyp<\/th>\n<th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-top-right-radius: 8px;\">Maximale Gr\u00f6\u00dfe<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-bottom-left-radius: 8px;\">Profilbild<\/td>\n<td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-bottom-right-radius: 8px;\">85 x 85px<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Best\u00e4tigung<\/h3>\n\n\n\n<div style=\"background: white; border: 2px solid #9CCC3D; border-radius: 12px; padding: 1.5rem 1rem 0.75rem 1rem; font-family: 'Titillium Web', sans-serif; font-size: 0.85rem; max-width: 700px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\">\n  <p style=\"margin-top: 0; margin-bottom: 1rem; font-weight: 600; color: #9CCC3D;\">Empfohlene Gr\u00f6\u00dfe<\/p>\n  <table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 8px; overflow: hidden;\">\n    <thead>\n      <tr style=\"background: #9CCC3D; font-weight: 600; text-align: left; color: #12202E;\">\n        <th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-top-left-radius: 8px;\">Bildtyp<\/th>\n        <th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-top-right-radius: 8px;\">Gr\u00f6\u00dfe<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">Banner<\/td>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">755px (Breite) <\/td>\n      <\/tr>\n      <tr>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-bottom-left-radius: 8px;\">Logo<\/td>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-bottom-right-radius: 8px;\">200 x 150px<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Metadaten<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">F\u00fcr soziale Medien und die Veranstaltungs\u00fcbersicht<\/h4>\n\n\n\n<div style=\"background: white; border: 2px solid #9CCC3D; border-radius: 12px; padding: 1.5rem 1rem 0.75rem 1rem; font-family: 'Titillium Web', sans-serif; font-size: 0.85rem; max-width: 700px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\">\n  <p style=\"margin-top: 0; margin-bottom: 1rem; font-weight: 600; color: #9CCC3D;\">Empfohlene Gr\u00f6\u00dfe<\/p>\n  <table style=\"width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 8px; overflow: hidden;\">\n    <thead>\n      <tr style=\"background: #9CCC3D; font-weight: 600; text-align: left; color: #12202E;\">\n        <th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-top-left-radius: 8px;\">Bildtyp<\/th>\n        <th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-top-right-radius: 8px;\">Gr\u00f6\u00dfe<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-bottom-left-radius: 8px;\">Metadatenbild<\/td>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-bottom-right-radius: 8px;\">1200 x 630px<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n<\/div>\n\n\n\n<div class=\"author-box\" style=\"display: flex; align-items: center; gap: 20px; padding: 30px 0; font-family: 'Titillium Web', sans-serif; margin-top: 50px; border: none;\"> \n  <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/05\/Design-uden-navn-41.png\" alt=\"Elisabeth Bj\u00f8rn Andersen\" style=\"width: 80px; height: 80px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 12px rgba(24, 90, 188, 0.5);\"\/>\n  <div style=\"display: flex; flex-direction: column; justify-content: center;\">\n    <div style=\"font-size: 20px; font-weight: 700; color: #185ABC; margin: 0;\">Elisabeth Bj\u00f8rn Andersen<\/div>\n    <div style=\"font-size: 14px; color: #555; margin: 0;\">Ver\u00f6ffentlicht: 23.06.2025<\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Um das bestm\u00f6gliche visuelle Ergebnis in Ihrem Eventdesign zu erzielen, empfehlen wir Ihnen, die unten aufgef\u00fchrten Bildgr\u00f6\u00dfen zu verwenden. Die empfohlenen Ma\u00dfe variieren je nachdem, wo das Bild eingesetzt wird und welches Design-Theme Sie im Website-Designer ausgew\u00e4hlt haben. Bitte beachten Sie, dass unn\u00f6tig gro\u00dfe Bilder die Leistung negativ beeinflussen k\u00f6nnen. Ist eine Datei zu gro\u00df, &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/empfohlene-bildgroessen-in-conference-manager\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eEmpfohlene Bildgr\u00f6\u00dfen in Conference Manager\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[226],"ht-kb-tag":[2947,2949,2950,2948,2913,2945,2943,2946,2261,2910,2953,1595,2944,2909,2911,2951,2952,2955,1648,2912,2954,2916,2914,2956,2915,2957,205],"class_list":["post-6255","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-supportartikel","ht_kb_tag-bildoptimierung","ht_kb_tag-bildqualitaet","ht_kb_tag-bildskalierung","ht_kb_tag-dateigroesse","ht_kb_tag-design-guidelines-de","ht_kb_tag-designrichtlinien","ht_kb_tag-e-mail-design","ht_kb_tag-e-mail-tipps","ht_kb_tag-e-mail-zustellung","ht_kb_tag-email-design-de","ht_kb_tag-empfohlene-bildmasse","ht_kb_tag-event-website-2","ht_kb_tag-eventdesign","ht_kb_tag-file-size-de","ht_kb_tag-image-quality-de","ht_kb_tag-ladezeit","ht_kb_tag-leistung","ht_kb_tag-nutzererlebnis","ht_kb_tag-responsives-design","ht_kb_tag-technical-tips-de","ht_kb_tag-technische-tipps","ht_kb_tag-user-experience-de","ht_kb_tag-visual-content-de","ht_kb_tag-visuelle-inhalte","ht_kb_tag-web-performance-de","ht_kb_tag-webleistung","ht_kb_tag-website-designer-de","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb\/6255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/comments?post=6255"}],"version-history":[{"count":7,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb\/6255\/revisions"}],"predecessor-version":[{"id":12460,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb\/6255\/revisions\/12460"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/media?parent=6255"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb-category?post=6255"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=6255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}