{"id":6253,"date":"2025-06-23T13:30:44","date_gmt":"2025-06-23T13:30:44","guid":{"rendered":"https:\/\/cmacademy.events\/knowledge-base\/anbefalede-billedstoerrelser-i-conference-manager\/"},"modified":"2026-10-07T10:56:07","modified_gmt":"2026-10-07T08:56:07","slug":"anbefalede-billedstoerrelser-i-conference-manager","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/da\/knowledge-base\/anbefalede-billedstoerrelser-i-conference-manager\/","title":{"rendered":"Anbefalede billedst\u00f8rrelser i Conference Manager"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">For at sikre det bedste visuelle resultat i designet af dit arrangement anbefaler vi at bruge billedst\u00f8rrelserne nedenfor. De anbefalede m\u00e5l varierer afh\u00e6ngigt af, hvor billedet bruges, og hvilket tema du har valgt i Website-designeren.<\/p>\n\n\n\n<style>\n.cm-image-guide,\n.cm-image-guide * {\n  box-sizing: border-box !important;\n  font-family: \"Titillium Web\", sans-serif !important;\n}\n\n.cm-image-guide {\n  --cm-navy: #12202E;\n  --cm-night: #1F364D;\n  --cm-ocean: #185ABC;\n  --cm-sky: #4D90FE;\n  --cm-light-blue: #61AAF2;\n  --cm-green: #9CCC3D;\n  --cm-text: #1F364D;\n  --cm-muted: rgba(31, 54, 77, 0.74);\n  --cm-pale-green: rgba(156, 204, 61, 0.10);\n\n  width: 100% !important;\n  margin: 0 auto !important;\n  color: var(--cm-text) !important;\n  font-size: 17px !important;\n  line-height: 1.62 !important;\n}\n\n.cm-image-guide p {\n  margin: 0 0 1rem !important;\n}\n\n\n\/* =========================\n   INFO \/ ADVARSELSBOKS\n   ========================= *\/\n\n.cm-image-guide .cm-note {\n  display: block !important;\n  margin: 1.4rem 0 !important;\n  padding: 1.15rem 1.25rem !important;\n  border: 1px solid rgba(24, 90, 188, 0.30) !important;\n  border-left: 5px solid var(--cm-ocean) !important;\n  border-radius: 14px !important;\n  background: linear-gradient(\n    135deg,\n    rgba(97, 170, 242, 0.06) 0%,\n    rgba(24, 90, 188, 0.12) 100%\n  ) !important;\n}\n\n.cm-image-guide .cm-note-heading {\n  display: flex !important;\n  gap: 0.85rem !important;\n  align-items: center !important;\n  margin: 0 0 0.7rem !important;\n  padding: 0 !important;\n}\n\n.cm-image-guide .cm-note-icon,\n.cm-image-guide .cm-section-icon {\n  display: grid !important;\n  place-items: center !important;\n  flex: 0 0 auto !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.cm-image-guide .cm-note-icon {\n  width: 44px !important;\n  height: 44px !important;\n  border-radius: 12px !important;\n  background: var(--cm-ocean) !important;\n  color: #FFFFFF !important;\n}\n\n.cm-image-guide .cm-note-icon svg,\n.cm-image-guide .cm-note-icon svg *,\n.cm-image-guide .cm-section-icon svg,\n.cm-image-guide .cm-section-icon svg * {\n  fill: none !important;\n  stroke: currentColor !important;\n  stroke-width: 1.8 !important;\n  stroke-linecap: round !important;\n  stroke-linejoin: round !important;\n}\n\n\/* Tving advarselsikonet til hvid *\/\n.cm-image-guide .cm-note-icon svg,\n.cm-image-guide .cm-note-icon svg * {\n  fill: none !important;\n  stroke: #FFFFFF !important;\n}\n\n.cm-image-guide .cm-note-icon svg,\n.cm-image-guide .cm-section-icon svg {\n  display: block !important;\n  width: 23px !important;\n  height: 23px !important;\n  margin: 0 !important;\n}\n\n.cm-image-guide .cm-note strong {\n  display: block !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  color: var(--cm-navy) !important;\n  font-size: 1.04em !important;\n  font-weight: 700 !important;\n  line-height: 1.3 !important;\n}\n\n.cm-image-guide .cm-note > p {\n  margin: 0 !important;\n  padding: 0 !important;\n  color: var(--cm-text) !important;\n  font-size: 1em !important;\n  line-height: 1.55 !important;\n}\n\n\n\/* =========================\n   JPG \/ PNG\n   ========================= *\/\n\n.cm-image-guide .cm-format-grid {\n  display: grid !important;\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  gap: 1rem !important;\n  margin: 1.4rem 0 2.25rem !important;\n}\n\n.cm-image-guide .cm-format-card {\n  position: relative !important;\n  overflow: hidden !important;\n  min-width: 0 !important;\n  padding: 1.15rem 1.2rem 1.1rem !important;\n  border: 1px solid rgba(156, 204, 61, 0.42) !important;\n  border-radius: 15px !important;\n  background: #FFFFFF !important;\n  box-shadow: 0 6px 18px rgba(18, 32, 46, 0.055) !important;\n}\n\n.cm-image-guide .cm-format-card.cm-jpg {\n  border-color: rgba(24, 90, 188, 0.32) !important;\n}\n\n.cm-image-guide .cm-format-card.cm-png {\n  border-color: rgba(156, 204, 61, 0.42) !important;\n}\n\n.cm-image-guide .cm-format-card::before {\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n  width: 100% !important;\n  height: 5px !important;\n  content: \"\" !important;\n}\n\n.cm-image-guide .cm-format-card.cm-jpg::before {\n  background: var(--cm-ocean) !important;\n}\n\n.cm-image-guide .cm-format-card.cm-png::before {\n  background: var(--cm-green) !important;\n}\n\n.cm-image-guide .cm-format-heading {\n  display: flex !important;\n  gap: 0.75rem !important;\n  align-items: center !important;\n  margin: 0 0 0.4rem !important;\n  padding: 0 !important;\n}\n\n.cm-image-guide .cm-format-label {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  min-width: 54px !important;\n  padding: 0.23rem 0.65rem !important;\n  border-radius: 8px !important;\n  font-size: 0.86em !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.04em !important;\n  line-height: 1.3 !important;\n  white-space: nowrap !important;\n}\n\n.cm-image-guide .cm-jpg .cm-format-label {\n  background: var(--cm-ocean) !important;\n  color: #FFFFFF !important;\n}\n\n.cm-image-guide .cm-png .cm-format-label {\n  background: var(--cm-green) !important;\n  color: var(--cm-navy) !important;\n}\n\n.cm-image-guide .cm-format-card h3 {\n  margin: 0 !important;\n  padding: 0 !important;\n  color: var(--cm-navy) !important;\n  font-size: 1.06em !important;\n  font-weight: 700 !important;\n  line-height: 1.3 !important;\n}\n\n.cm-image-guide .cm-format-card p {\n  margin: 0 !important;\n  padding: 0 !important;\n  color: var(--cm-muted) !important;\n  font-size: 0.95em !important;\n  line-height: 1.5 !important;\n}\n\n\n\/* =========================\n   SEKTIONER\n   ========================= *\/\n\n.cm-image-guide .cm-section {\n  --accent: var(--cm-green);\n  --accent-text: var(--cm-navy);\n  --accent-rgb: 156, 204, 61;\n\n  margin: 0 0 1.65rem !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  border: 1px solid rgba(var(--accent-rgb), 0.42) !important;\n  border-radius: 17px !important;\n  background: #FFFFFF !important;\n  box-shadow: 0 7px 22px rgba(18, 32, 46, 0.05) !important;\n}\n\n.cm-image-guide .cm-theme-green {\n  --accent: var(--cm-green);\n  --accent-text: var(--cm-navy);\n  --accent-rgb: 156, 204, 61;\n}\n\n.cm-image-guide .cm-theme-ocean {\n  --accent: var(--cm-ocean);\n  --accent-text: #FFFFFF;\n  --accent-rgb: 24, 90, 188;\n}\n\n.cm-image-guide .cm-theme-light {\n  --accent: var(--cm-light-blue);\n  --accent-text: var(--cm-navy);\n  --accent-rgb: 97, 170, 242;\n}\n\n.cm-image-guide .cm-theme-sky {\n  --accent: var(--cm-sky);\n  --accent-text: var(--cm-navy);\n  --accent-rgb: 77, 144, 254;\n}\n\n.cm-image-guide .cm-theme-night {\n  --accent: var(--cm-night);\n  --accent-text: #FFFFFF;\n  --accent-rgb: 31, 54, 77;\n}\n\n.cm-image-guide .cm-section-header {\n  display: flex !important;\n  gap: 0.9rem !important;\n  align-items: center !important;\n  justify-content: flex-start !important;\n  margin: 0 !important;\n  padding: 1.05rem 1.25rem !important;\n  border-bottom: 1px solid rgba(var(--accent-rgb), 0.30) !important;\n  background: linear-gradient(\n    110deg,\n    rgba(var(--accent-rgb), 0.04) 0%,\n    rgba(var(--accent-rgb), 0.13) 100%\n  ) !important;\n}\n\n.cm-image-guide .cm-section-icon {\n  flex: 0 0 42px !important;\n  width: 42px !important;\n  height: 42px !important;\n  border-radius: 12px !important;\n  background: var(--accent) !important;\n  color: var(--accent-text) !important;\n}\n\n.cm-image-guide .cm-section-icon svg,\n.cm-image-guide .cm-section-icon svg * {\n  stroke: var(--accent-text) !important;\n}\n\n.cm-image-guide .cm-section-title {\n  display: block !important;\n  min-width: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.cm-image-guide .cm-section-title h2 {\n  margin: 0 !important;\n  padding: 0 !important;\n  color: var(--cm-navy) !important;\n  font-size: 1.28em !important;\n  font-weight: 700 !important;\n  line-height: 1.25 !important;\n}\n\n.cm-image-guide .cm-section-title p {\n  margin: 0.15rem 0 0 !important;\n  padding: 0 !important;\n  color: var(--cm-muted) !important;\n  font-size: 0.9em !important;\n  font-weight: 400 !important;\n  line-height: 1.35 !important;\n}\n\n.cm-image-guide .cm-table-wrap {\n  margin: 0 !important;\n  padding: 0.35rem 1.25rem 1.2rem !important;\n}\n\n.cm-image-guide .cm-subheading {\n  margin: 1rem 0 0.55rem !important;\n  padding: 0 !important;\n  color: var(--cm-navy) !important;\n  font-size: 1em !important;\n  font-weight: 700 !important;\n  line-height: 1.4 !important;\n}\n\n\n\/* =========================\n   TABELLER\n   ========================= *\/\n\n.cm-image-guide table {\n  width: 100% !important;\n  margin: 0 !important;\n  border: 0 !important;\n  border-spacing: 0 !important;\n  border-collapse: separate !important;\n  font-size: 0.95em !important;\n  line-height: 1.4 !important;\n}\n\n.cm-image-guide .cm-size-table {\n  table-layout: fixed !important;\n}\n\n.cm-image-guide .cm-size-table th,\n.cm-image-guide .cm-size-table td {\n  width: 23% !important;\n}\n\n.cm-image-guide .cm-size-table th:first-child,\n.cm-image-guide .cm-size-table td:first-child {\n  width: 31% !important;\n}\n\n.cm-image-guide th,\n.cm-image-guide td {\n  padding: 0.75rem 0.85rem !important;\n  text-align: left !important;\n  vertical-align: middle !important;\n}\n\n.cm-image-guide thead th {\n  border-top: 1px solid var(--accent) !important;\n  border-bottom: 1px solid var(--accent) !important;\n  background: var(--accent) !important;\n  color: var(--accent-text) !important;\n  font-size: 1em !important;\n  font-weight: 600 !important;\n  line-height: 1.4 !important;\n}\n\n.cm-image-guide thead th:first-child {\n  border-left: 1px solid var(--accent) !important;\n  border-radius: 10px 0 0 0 !important;\n}\n\n.cm-image-guide thead th:last-child {\n  border-right: 1px solid var(--accent) !important;\n  border-radius: 0 10px 0 0 !important;\n}\n\n.cm-image-guide tbody td {\n  border: 0 !important;\n  border-bottom: 1px solid rgba(var(--accent-rgb), 0.34) !important;\n  background: #FFFFFF !important;\n  color: var(--cm-text) !important;\n}\n\n.cm-image-guide tbody tr:nth-child(even) td {\n  background: rgba(var(--accent-rgb), 0.055) !important;\n}\n\n.cm-image-guide tbody td:first-child {\n  border-left: 1px solid rgba(var(--accent-rgb), 0.34) !important;\n  color: var(--cm-night) !important;\n  font-weight: 600 !important;\n}\n\n.cm-image-guide tbody td:last-child {\n  border-right: 1px solid rgba(var(--accent-rgb), 0.34) !important;\n}\n\n.cm-image-guide tbody tr:last-child td:first-child {\n  border-radius: 0 0 0 10px !important;\n}\n\n.cm-image-guide tbody tr:last-child td:last-child {\n  border-radius: 0 0 10px 0 !important;\n}\n\n.cm-image-guide .cm-size {\n  display: inline-flex !important;\n  align-items: center !important;\n  white-space: nowrap !important;\n  color: var(--cm-night) !important;\n  font-weight: 700 !important;\n}\n\n\n\/* =========================\n   TIP\n   ========================= *\/\n\n.cm-image-guide .cm-footer-tip {\n  display: flex !important;\n  gap: 0.75rem !important;\n  align-items: flex-start !important;\n  margin-top: 0.3rem !important;\n  padding: 1rem 1.15rem !important;\n  border-radius: 13px !important;\n  background: var(--cm-pale-green) !important;\n  color: var(--cm-night) !important;\n}\n\n.cm-image-guide .cm-footer-tip svg {\n  flex: 0 0 auto !important;\n  width: 22px !important;\n  height: 22px !important;\n  margin-top: 0.12rem !important;\n  fill: none !important;\n  stroke: var(--cm-navy) !important;\n  stroke-width: 2 !important;\n  stroke-linecap: round !important;\n  stroke-linejoin: round !important;\n}\n\n.cm-image-guide .cm-footer-tip p {\n  margin: 0 !important;\n  font-size: 0.94em !important;\n  line-height: 1.5 !important;\n}\n\n\n\/* =========================\n   MOBIL\n   ========================= *\/\n\n@media (max-width: 700px) {\n\n  .cm-image-guide {\n    font-size: 16px !important;\n    line-height: 1.56 !important;\n  }\n\n  .cm-image-guide .cm-format-grid {\n    grid-template-columns: minmax(0, 1fr) !important;\n    gap: 0.8rem !important;\n    margin: 1rem 0 1.5rem !important;\n  }\n\n  .cm-image-guide .cm-format-card {\n    width: 100% !important;\n    min-height: 0 !important;\n    padding: 0.95rem 1rem 0.9rem !important;\n  }\n\n  .cm-image-guide .cm-format-heading {\n    display: block !important;\n    margin: 0 !important;\n  }\n\n  .cm-image-guide .cm-format-label {\n    min-width: 48px !important;\n    padding: 0.2rem 0.55rem !important;\n    font-size: 0.78em !important;\n  }\n\n  .cm-image-guide .cm-format-card h3 {\n    margin: 0.55rem 0 0.3rem !important;\n    font-size: 1.02em !important;\n  }\n\n  .cm-image-guide .cm-format-card p {\n    font-size: 0.9em !important;\n    line-height: 1.45 !important;\n  }\n\n  .cm-image-guide .cm-note {\n    margin: 1rem 0 !important;\n    padding: 0.9rem !important;\n  }\n\n  .cm-image-guide .cm-note-heading {\n    gap: 0.65rem !important;\n    margin-bottom: 0.6rem !important;\n  }\n\n  .cm-image-guide .cm-note-icon {\n    flex-basis: 36px !important;\n    width: 36px !important;\n    height: 36px !important;\n    border-radius: 10px !important;\n  }\n\n  .cm-image-guide .cm-note-icon svg {\n    width: 20px !important;\n    height: 20px !important;\n  }\n\n  .cm-image-guide .cm-note strong {\n    font-size: 0.98em !important;\n  }\n\n  .cm-image-guide .cm-note > p {\n    font-size: 0.9em !important;\n    line-height: 1.48 !important;\n  }\n\n  .cm-image-guide .cm-section-header {\n    gap: 0.75rem !important;\n    align-items: flex-start !important;\n    padding: 0.85rem !important;\n  }\n\n  .cm-image-guide .cm-section-icon {\n    flex-basis: 38px !important;\n    width: 38px !important;\n    height: 38px !important;\n    border-radius: 10px !important;\n  }\n\n  .cm-image-guide .cm-section-title h2 {\n    font-size: 1.15em !important;\n  }\n\n  .cm-image-guide .cm-table-wrap {\n    padding: 0.25rem 0.7rem 0.85rem !important;\n  }\n\n  .cm-image-guide table,\n  .cm-image-guide thead,\n  .cm-image-guide tbody,\n  .cm-image-guide tr,\n  .cm-image-guide th,\n  .cm-image-guide td {\n    display: block !important;\n    width: 100% !important;\n  }\n\n  .cm-image-guide thead {\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    overflow: hidden !important;\n    clip: rect(0 0 0 0) !important;\n    white-space: nowrap !important;\n  }\n\n  .cm-image-guide tbody {\n    display: grid !important;\n    gap: 0.7rem !important;\n  }\n\n  .cm-image-guide tbody tr {\n    overflow: hidden !important;\n    border: 1px solid rgba(var(--accent-rgb), 0.38) !important;\n    border-radius: 11px !important;\n    background: #FFFFFF !important;\n  }\n\n  .cm-image-guide tbody td,\n  .cm-image-guide tbody tr:nth-child(even) td {\n    display: grid !important;\n    grid-template-columns: minmax(58px, 1fr) max-content !important;\n    gap: 0.65rem !important;\n    align-items: center !important;\n    padding: 0.62rem 0.75rem !important;\n    border: 0 !important;\n    border-bottom: 1px solid rgba(var(--accent-rgb), 0.30) !important;\n    border-radius: 0 !important;\n    background: #FFFFFF !important;\n    font-size: 0.92em !important;\n    overflow-wrap: normal !important;\n    word-break: normal !important;\n  }\n\n  .cm-image-guide tbody td:last-child {\n    border-bottom: 0 !important;\n  }\n\n  .cm-image-guide tbody td::before {\n    content: attr(data-label) !important;\n    color: var(--cm-muted) !important;\n    font-size: 0.86em !important;\n    font-weight: 600 !important;\n    white-space: nowrap !important;\n  }\n\n  .cm-image-guide .cm-size {\n    white-space: nowrap !important;\n    word-break: keep-all !important;\n  }\n}\n\n@media (max-width: 420px) {\n\n  .cm-image-guide tbody td,\n  .cm-image-guide tbody tr:nth-child(even) td {\n    grid-template-columns: minmax(52px, 1fr) max-content !important;\n    gap: 0.5rem !important;\n    padding: 0.56rem 0.62rem !important;\n    font-size: 0.88em !important;\n  }\n\n  .cm-image-guide .cm-table-wrap {\n    padding-right: 0.55rem !important;\n    padding-left: 0.55rem !important;\n  }\n}\n<\/style>\n\n\n<div class=\"cm-image-guide\">\n\n  <div class=\"cm-note\">\n    <div class=\"cm-note-heading\">\n\n      <div class=\"cm-note-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M12 3 2.8 19a1.4 1.4 0 0 0 1.2 2h16a1.4 1.4 0 0 0 1.2-2L12 3Z\"><\/path>\n          <path d=\"M12 9v5\"><\/path>\n          <path d=\"M12 17.5h.01\"><\/path>\n        <\/svg>\n      <\/div>\n\n      <strong>Hold billedfiler s\u00e5 sm\u00e5 som muligt<\/strong>\n\n    <\/div>\n\n    <p>\n      Un\u00f8dvendigt store billeder kan g\u00f8re indl\u00e6sningstiden l\u00e6ngere eller forsinke leveringen af e-mails.\n      Nogle indbakker kan ogs\u00e5 afvise e-mails, der indeholder meget store billeder.\n      N\u00e5r du tilf\u00f8jer billeder til e-mails, skal du bruge dem i deres faktiske st\u00f8rrelse i stedet for at\n      skalere dem ned i editoren, da skalering ikke reducerer filst\u00f8rrelsen.\n    <\/p>\n  <\/div>\n\n\n  <div class=\"cm-format-grid\">\n\n    <div class=\"cm-format-card cm-jpg\">\n      <div class=\"cm-format-heading\">\n        <span class=\"cm-format-label\">JPG<\/span>\n        <h3>Fotos og farverige billeder<\/h3>\n      <\/div>\n      <p>Giver god visuel kvalitet med en mindre filst\u00f8rrelse.<\/p>\n    <\/div>\n\n    <div class=\"cm-format-card cm-png\">\n      <div class=\"cm-format-heading\">\n        <span class=\"cm-format-label\">PNG<\/span>\n        <h3>Logoer, ikoner og gennemsigtighed<\/h3>\n      <\/div>\n      <p>Bevarer skarpe kanter og gennemsigtige baggrunde.<\/p>\n    <\/div>\n\n  <\/div>\n\n\n  <section class=\"cm-section cm-theme-green\">\n\n    <div class=\"cm-section-header\">\n\n      <div class=\"cm-section-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\">\n          <rect x=\"3\" y=\"4\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n          <path d=\"M8 21h8M12 18v3\"><\/path>\n          <path d=\"m6.5 14 3.2-3.2 2.4 2.4 2.3-2.3 3.1 3.1\"><\/path>\n          <circle cx=\"8\" cy=\"8\" r=\"1\"><\/circle>\n        <\/svg>\n      <\/div>\n\n      <div class=\"cm-section-title\">\n        <h2>Website-designer<\/h2>\n        <p>Anbefalet billedbredde efter tema og placering<\/p>\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"cm-table-wrap\">\n\n      <h3 class=\"cm-subheading\">\n        Baggrundsbilleder i sektioner og sidehoveder\n      <\/h3>\n\n      <table class=\"cm-size-table\">\n\n        <thead>\n          <tr>\n            <th scope=\"col\">Tema<\/th>\n            <th scope=\"col\">Desktop<\/th>\n            <th scope=\"col\">Tablet<\/th>\n            <th scope=\"col\">Mobil<\/th>\n          <\/tr>\n        <\/thead>\n\n        <tbody>\n\n          <tr>\n            <td data-label=\"Tema\">Standard \u2013 A<\/td>\n            <td data-label=\"Desktop\">\n              <span class=\"cm-size\">2560px<\/span>\n            <\/td>\n            <td data-label=\"Tablet\">\n              <span class=\"cm-size\">768px<\/span>\n            <\/td>\n            <td data-label=\"Mobil\">\n              <span class=\"cm-size\">568px<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td data-label=\"Tema\">Standard \u2013 B<\/td>\n            <td data-label=\"Desktop\">\n              <span class=\"cm-size\">1024px<\/span>\n            <\/td>\n            <td data-label=\"Tablet\">\n              <span class=\"cm-size\">768px<\/span>\n            <\/td>\n            <td data-label=\"Mobil\">\n              <span class=\"cm-size\">568px<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td data-label=\"Tema\">Standard \u2013 C<\/td>\n            <td data-label=\"Desktop\">\n              <span class=\"cm-size\">2240px<\/span>\n            <\/td>\n            <td data-label=\"Tablet\">\n              <span class=\"cm-size\">768px<\/span>\n            <\/td>\n            <td data-label=\"Mobil\">\n              <span class=\"cm-size\">568px<\/span>\n            <\/td>\n          <\/tr>\n\n        <\/tbody>\n      <\/table>\n\n\n      <h3 class=\"cm-subheading\">\n        Billeder i sektioner med kolonner\n      <\/h3>\n\n      <table class=\"cm-size-table\">\n\n        <thead>\n          <tr>\n            <th scope=\"col\">Tema<\/th>\n            <th scope=\"col\">1 kolonne<\/th>\n            <th scope=\"col\">2 kolonner<\/th>\n            <th scope=\"col\">3 kolonner<\/th>\n          <\/tr>\n        <\/thead>\n\n        <tbody>\n\n          <tr>\n            <td data-label=\"Tema\">Standard \u2013 A<\/td>\n            <td data-label=\"1 kolonne\">\n              <span class=\"cm-size\">1140px<\/span>\n            <\/td>\n            <td data-label=\"2 kolonner\">\n              <span class=\"cm-size\">546px<\/span>\n            <\/td>\n            <td data-label=\"3 kolonner\">\n              <span class=\"cm-size\">348px<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td data-label=\"Tema\">Standard \u2013 B<\/td>\n            <td data-label=\"1 kolonne\">\n              <span class=\"cm-size\">1024px<\/span>\n            <\/td>\n            <td data-label=\"2 kolonner\">\n              <span class=\"cm-size\">438px<\/span>\n            <\/td>\n            <td data-label=\"3 kolonner\">\n              <span class=\"cm-size\">276px<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td data-label=\"Tema\">Standard \u2013 C<\/td>\n            <td data-label=\"1 kolonne\">\n              <span class=\"cm-size\">1140px<\/span>\n            <\/td>\n            <td data-label=\"2 kolonner\">\n              <span class=\"cm-size\">546px<\/span>\n            <\/td>\n            <td data-label=\"3 kolonner\">\n              <span class=\"cm-size\">348px<\/span>\n            <\/td>\n          <\/tr>\n\n        <\/tbody>\n      <\/table>\n\n    <\/div>\n  <\/section>\n\n\n  <section class=\"cm-section cm-theme-ocean\">\n\n    <div class=\"cm-section-header\">\n\n      <div class=\"cm-section-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\">\n          <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n          <path d=\"m4 7 8 6 8-6\"><\/path>\n        <\/svg>\n      <\/div>\n\n      <div class=\"cm-section-title\">\n        <h2>E-mails<\/h2>\n        <p>Anbefalede m\u00e5l til billeder i e-mails<\/p>\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"cm-table-wrap\">\n\n      <h3 class=\"cm-subheading\">\n        Anbefalet st\u00f8rrelse\n      <\/h3>\n\n      <table>\n\n        <thead>\n          <tr>\n            <th scope=\"col\">Billedtype<\/th>\n            <th scope=\"col\">St\u00f8rrelse<\/th>\n          <\/tr>\n        <\/thead>\n\n        <tbody>\n\n          <tr>\n            <td data-label=\"Billedtype\">Logo<\/td>\n            <td data-label=\"St\u00f8rrelse\">\n              <span class=\"cm-size\">200 \u00d7 150px<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td data-label=\"Billedtype\">Banner<\/td>\n            <td data-label=\"St\u00f8rrelse\">\n              <span class=\"cm-size\">590px bred<\/span>\n            <\/td>\n          <\/tr>\n\n        <\/tbody>\n      <\/table>\n\n    <\/div>\n  <\/section>\n\n\n  <section class=\"cm-section cm-theme-light\">\n\n    <div class=\"cm-section-header\">\n\n      <div class=\"cm-section-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\">\n          <circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle>\n          <path d=\"M4.5 21a7.5 7.5 0 0 1 15 0\"><\/path>\n        <\/svg>\n      <\/div>\n\n      <div class=\"cm-section-title\">\n        <h2>Deltagerkategorier<\/h2>\n        <p>Maksimal st\u00f8rrelse for profilbilleder<\/p>\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"cm-table-wrap\">\n\n      <h3 class=\"cm-subheading\">\n        Anbefalet st\u00f8rrelse\n      <\/h3>\n\n      <table>\n\n        <thead>\n          <tr>\n            <th scope=\"col\">Billedtype<\/th>\n            <th scope=\"col\">Maksimal st\u00f8rrelse<\/th>\n          <\/tr>\n        <\/thead>\n\n        <tbody>\n\n          <tr>\n            <td data-label=\"Billedtype\">Profilbillede<\/td>\n            <td data-label=\"Maksimal st\u00f8rrelse\">\n              <span class=\"cm-size\">85 \u00d7 85px<\/span>\n            <\/td>\n          <\/tr>\n\n        <\/tbody>\n      <\/table>\n\n    <\/div>\n  <\/section>\n\n\n  <section class=\"cm-section cm-theme-sky\">\n\n    <div class=\"cm-section-header\">\n\n      <div class=\"cm-section-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z\"><\/path>\n          <path d=\"m7.5 12 3 3 6-7\"><\/path>\n        <\/svg>\n      <\/div>\n\n      <div class=\"cm-section-title\">\n        <h2>Bekr\u00e6ftelse<\/h2>\n        <p>Anbefalede m\u00e5l til billeder i bekr\u00e6ftelsen<\/p>\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"cm-table-wrap\">\n\n      <h3 class=\"cm-subheading\">\n        Anbefalet st\u00f8rrelse\n      <\/h3>\n\n      <table>\n\n        <thead>\n          <tr>\n            <th scope=\"col\">Billedtype<\/th>\n            <th scope=\"col\">St\u00f8rrelse<\/th>\n          <\/tr>\n        <\/thead>\n\n        <tbody>\n\n          <tr>\n            <td data-label=\"Billedtype\">Banner<\/td>\n            <td data-label=\"St\u00f8rrelse\">\n              <span class=\"cm-size\">755px bred<\/span>\n            <\/td>\n          <\/tr>\n\n          <tr>\n            <td data-label=\"Billedtype\">Logo<\/td>\n            <td data-label=\"St\u00f8rrelse\">\n              <span class=\"cm-size\">200 \u00d7 150px<\/span>\n            <\/td>\n          <\/tr>\n\n        <\/tbody>\n      <\/table>\n\n    <\/div>\n  <\/section>\n\n\n  <section class=\"cm-section cm-theme-night\">\n\n    <div class=\"cm-section-header\">\n\n      <div class=\"cm-section-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\">\n          <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n          <path d=\"M3.5 9h17M3.5 15h17M12 3c2.3 2.5 3.5 5.5 3.5 9S14.3 18.5 12 21M12 3C9.7 5.5 8.5 8.5 8.5 12s1.2 6.5 3.5 9\"><\/path>\n        <\/svg>\n      <\/div>\n\n      <div class=\"cm-section-title\">\n        <h2>Metadata<\/h2>\n        <p>Til sociale medier og arrangementsoversigter<\/p>\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"cm-table-wrap\">\n\n      <h3 class=\"cm-subheading\">\n        Anbefalet st\u00f8rrelse\n      <\/h3>\n\n      <table>\n\n        <thead>\n          <tr>\n            <th scope=\"col\">Billedtype<\/th>\n            <th scope=\"col\">St\u00f8rrelse<\/th>\n          <\/tr>\n        <\/thead>\n\n        <tbody>\n\n          <tr>\n            <td data-label=\"Billedtype\">Metadatabillede<\/td>\n            <td data-label=\"St\u00f8rrelse\">\n              <span class=\"cm-size\">1200 \u00d7 630px<\/span>\n            <\/td>\n          <\/tr>\n\n        <\/tbody>\n      <\/table>\n\n\n      <div class=\"cm-footer-tip\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M9 18h6\"><\/path>\n          <path d=\"M10 22h4\"><\/path>\n          <path d=\"M8.2 14.5A7 7 0 1 1 15.8 14.5c-.8.6-.8 1.5-.8 1.5H9s0-.9-.8-1.5Z\"><\/path>\n        <\/svg>\n\n        <p>\n          <strong>Tip:<\/strong>\n          Formatet 1200 \u00d7 630px bruger det almindelige st\u00f8rrelsesforhold 1,91:1,\n          som fungerer godt, n\u00e5r billedet deles p\u00e5 sociale medier.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\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;\">Udgivet: 23.06.2025<\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>For at sikre det bedste visuelle resultat i designet af dit arrangement anbefaler vi at bruge billedst\u00f8rrelserne nedenfor. De anbefalede m\u00e5l varierer afh\u00e6ngigt af, hvor billedet bruges, og hvilket tema du har valgt i Website-designeren. Hold billedfiler s\u00e5 sm\u00e5 som muligt Un\u00f8dvendigt store billeder kan g\u00f8re indl\u00e6sningstiden l\u00e6ngere eller forsinke leveringen af e-mails. Nogle indbakker [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"template":"","meta":[],"ht_kb_category":[5913,377,5887],"ht_kb_tag":[2937,2566,2935,2932,2933,1180,2898,2960,2959,2269,2958,2887,2895,2890,2961,2894,2888,2896,2892,2936,2939,2893,2891,2889,1658,2567,5676,2897,2941,2901,2899,2900,1072,313,2942,2938],"class_list":["post-6253","ht_kb","type-ht_kb","status-publish","hentry","ht_kb_category-filer-og-materialer","ht_kb_category-supportartikler","ht_kb_category-website-og-design","ht_kb_tag-anbefalede-billeddimensioner","ht_kb_tag-arrangementswebsite","ht_kb_tag-billedoptimering","ht_kb_tag-billedskalering","ht_kb_tag-billedstoerrelser","ht_kb_tag-brugeroplevelse","ht_kb_tag-design-guidelines-da","ht_kb_tag-designretningslinjer","ht_kb_tag-e-maildesign","ht_kb_tag-e-maillevering","ht_kb_tag-e-mailtips","ht_kb_tag-email-delivery-da","ht_kb_tag-email-design-da","ht_kb_tag-event-design-da","ht_kb_tag-eventwebsite","ht_kb_tag-filstorrelse","ht_kb_tag-image-optimization-da","ht_kb_tag-image-quality-da","ht_kb_tag-image-scaling-da","ht_kb_tag-indlaesningstid","ht_kb_tag-langsom-indlaesning","ht_kb_tag-load-time-da","ht_kb_tag-performance-da","ht_kb_tag-recommended-image-dimensions-da","ht_kb_tag-responsivt-design","ht_kb_tag-responsivt-design-da","ht_kb_tag-stoerrelser","ht_kb_tag-technical-tips-da","ht_kb_tag-tekniske-tips","ht_kb_tag-user-experience-da","ht_kb_tag-visual-content-da","ht_kb_tag-web-performance-da","ht_kb_tag-website-designer-3","ht_kb_tag-webstedsdesigner","ht_kb_tag-webydelse","ht_kb_tag-ydelse"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht_kb\/6253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/users\/6"}],"version-history":[{"count":15,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht_kb\/6253\/revisions"}],"predecessor-version":[{"id":25125,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht_kb\/6253\/revisions\/25125"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/media?parent=6253"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht_kb_category?post=6253"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht_kb_tag?post=6253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}