{"id":6258,"date":"2025-06-23T13:30:44","date_gmt":"2025-06-23T13:30:44","guid":{"rendered":"https:\/\/cmacademy.events\/knowledge-base\/rekommenderade-bildstorlekar-i-conference-manager\/"},"modified":"2026-03-03T10:22:06","modified_gmt":"2026-03-03T10:22:06","slug":"rekommenderade-bildstorlekar-i-conference-manager","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/sv\/knowledge-base\/rekommenderade-bildstorlekar-i-conference-manager\/","title":{"rendered":"Rekommenderade bildstorlekar i Conference Manager"},"content":{"rendered":"\n<p>F\u00f6r att s\u00e4kerst\u00e4lla b\u00e4sta visuella resultat i dina eventdesigner rekommenderar vi att du anv\u00e4nder bildstorlekarna som anges nedan. De f\u00f6reslagna m\u00e5tten varierar beroende p\u00e5 var bilden anv\u00e4nds och vilket tema du har valt i Website Designer. <\/p>\n\n\n\n<p>Observera att on\u00f6digt stora bilder kan p\u00e5verka prestandan negativt. Om en fil \u00e4r f\u00f6r tung kan det sakta ner sidladdningen eller f\u00f6rdr\u00f6ja leveransen av e-post \u2013 och i vissa fall accepteras inte stora e-postbilder av vissa inkorgar. N\u00e4r du l\u00e4gger till bilder i e-post rekommenderar vi ocks\u00e5 att du anv\u00e4nder dem i deras faktiska storlek i st\u00e4llet f\u00f6r att skala ner dem i redigeraren, eftersom detta inte minskar filstorleken.  <\/p>\n\n\n\n<p>F\u00f6r b\u00e4sta resultat rekommenderar vi att anv\u00e4nda JPG-filer f\u00f6r foton och bilder med m\u00e5nga f\u00e4rger, eftersom de ger bra kvalitet med en mindre filstorlek. F\u00f6r logotyper, ikoner eller grafik med transparens rekommenderas PNG, eftersom det bevarar skarpa kanter och bakgrunder.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Website Designer<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Bakgrundsbilder i sektioner och i sidhuvudet<\/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;\">Rekommenderad bredd<\/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;\">Tema<\/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;\">Surfplatta<\/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 i sektion med kolumner<\/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;\">Rekommenderad bredd<\/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;\">Tema<\/th>\n<th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">1 kolumn<\/th>\n<th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D;\">2 kolumner<\/th>\n<th style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-top-right-radius: 8px;\">3 kolumner<\/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-post<\/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;\">Rekommenderad storlek<\/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;\">Size<\/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 (width)<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Deltagarkategorier<\/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;\">Rekommenderad storlek<\/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;\">Maximal storlek<\/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\">Bekr\u00e4ftelse<\/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;\">Rekommenderad storlek<\/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;\">Storlek<\/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 (bredd)<\/td>\n      <\/tr>\n      <tr>\n        <td style=\"padding: 0.5rem 0.75rem; border: 1px solid #9CCC3D; border-bottom-left-radius: 8px;\">Logotyp<\/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\">Metadata<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">F\u00f6r sociala medier och evenemangs\u00f6versikt<\/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;\">Rekommenderad storlek<\/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;\">Storlek<\/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;\">Metadatabild<\/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;\">Publicerad: 2025.06.23<\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>F\u00f6r att s\u00e4kerst\u00e4lla b\u00e4sta visuella resultat i dina eventdesigner rekommenderar vi att du anv\u00e4nder bildstorlekarna som anges nedan. De f\u00f6reslagna m\u00e5tten varierar beroende p\u00e5 var bilden anv\u00e4nds och vilket tema du har valt i Website Designer. Observera att on\u00f6digt stora bilder kan p\u00e5verka prestandan negativt. Om en fil \u00e4r f\u00f6r tung kan det sakta ner &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/sv\/knowledge-base\/rekommenderade-bildstorlekar-i-conference-manager\/\" class=\"more-link\">Forts\u00e4tt l\u00e4sa<span class=\"screen-reader-text\"> \u201dRekommenderade bildstorlekar i Conference Manager\u201d<\/span><\/a><\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[437],"ht-kb-tag":[2972,2965,2967,2969,2928,2964,2962,2278,2963,2917,2925,2920,2944,2664,2924,2968,2918,2926,2922,2966,2923,2921,2970,2919,2971,2673,2665,2927,2973,2931,2929,2975,2930,2974,477],"class_list":["post-6258","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-artiklar-for-support","ht_kb_tag-anvandarupplevelse","ht_kb_tag-bildkvalitet","ht_kb_tag-bildoptimering","ht_kb_tag-bildskalning","ht_kb_tag-design-guidelines-sv","ht_kb_tag-designriktlinjer","ht_kb_tag-e-postdesign","ht_kb_tag-e-postleverans","ht_kb_tag-e-posttips","ht_kb_tag-email-delivery-sv","ht_kb_tag-email-design-sv","ht_kb_tag-event-design-sv","ht_kb_tag-eventdesign","ht_kb_tag-eventsajt","ht_kb_tag-file-size-sv","ht_kb_tag-filstorlek","ht_kb_tag-image-optimization-sv","ht_kb_tag-image-quality-sv","ht_kb_tag-image-scaling-sv","ht_kb_tag-laddningstid","ht_kb_tag-load-time-sv","ht_kb_tag-performance-sv","ht_kb_tag-prestanda","ht_kb_tag-recommended-image-dimensions-sv","ht_kb_tag-rekommenderade-bildmatt","ht_kb_tag-responsiv-design","ht_kb_tag-responsive-design-sv","ht_kb_tag-technical-tips-sv","ht_kb_tag-tekniska-tips","ht_kb_tag-user-experience-sv","ht_kb_tag-visual-content-sv","ht_kb_tag-visuellt-innehall","ht_kb_tag-web-performance-sv","ht_kb_tag-webbprestanda","ht_kb_tag-website-designer-sv","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/6258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/comments?post=6258"}],"version-history":[{"count":6,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/6258\/revisions"}],"predecessor-version":[{"id":12462,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/6258\/revisions\/12462"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/media?parent=6258"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb-category?post=6258"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb-tag?post=6258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}