{"id":3299,"date":"2023-05-10T14:16:44","date_gmt":"2023-05-10T06:16:44","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&p=3299"},"modified":"2025-07-25T16:13:09","modified_gmt":"2025-07-25T08:13:09","password":"","slug":"add-image-elements","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/","title":{"rendered":"L\u00e4gg till bildelement"},"content":{"rendered":"

Bilder kan ge l\u00e4sarna en mer intuitiv och levande visuell upplevelse, s\u00e4rskilt f\u00f6r visst inneh\u00e5ll som beh\u00f6ver bilder, s\u00e5som illustrationer, diagram och kartor f\u00f6r att uttrycka detaljerad information.<\/p>\n\n\n\n

Att l\u00e4gga till bilder i bl\u00e4dderboken kan hj\u00e4lpa l\u00e4sarna att b\u00e4ttre f\u00f6rst\u00e5 inneh\u00e5llet, s\u00e4rskilt f\u00f6r vissa abstrakta och komplexa begrepp. Att l\u00e4gga till bilder kan dessutom g\u00f6ra inneh\u00e5llet l\u00e4ttare att f\u00f6rst\u00e5 och sm\u00e4lta.<\/p>\n\n\n\n

Att l\u00e4gga till bilder kan l\u00e4gga till estetik till bl\u00e4dderb\u00f6cker och g\u00f6ra dem mer attraktiva. Dessutom, s\u00e4rskilt f\u00f6r vissa bl\u00e4dderb\u00f6cker f\u00f6r konst och design, kan l\u00e4gga till bilder g\u00f6ra dem mer uts\u00f6kta och kvalitativa.<\/p>\n\n\n\n

Du kan l\u00e4gga till bildelement fr\u00e5n onlinebiblioteket eller ladda upp lokala filer i sidredigeraren.<\/p>\n\n\n\n

\u258eNotera:<\/strong> Endast anv\u00e4ndare av Platinum-planen och h\u00f6gre kan l\u00e4gga till bilder.<\/p>\n\n\n\n

1. N\u00e4tbiblioteket<\/h2>\n\n\n\n

In Page Editor, the online library has connected with two large image providers, Pexels and Pixabay, which offer you a number of images with various themes, styles, colors, etc.<\/p>\n\n\n\n

Klick [Bild] <\/strong>-> enter keywords in the box to search images -> change image sources [Pexels] <\/strong>eller [Pixabay] <\/strong>to find images you need -> select an image and click to add -> customize image properties on [Inst\u00e4llningar] <\/strong>panel.<\/p>\n\n\n\n

\"Add-images-from-Pexels-and-Pixabay-in-FlipHTML5\"<\/figure>\n\n\n\n

\u258eObs: <\/strong>
1. Images in the Online Library are obtained from external free image libraries or third-party providers. They are exclusively for display and reference purposes.
2. Before using any images, please visit the following official websites of the third-party providers to review the relevant copyright information. FlipHTML5 will INTE<\/strong> be liable for any copyright disputes that may arise from the use of these images.
Pexels webbplats: https:\/\/www.pexels.com\/license\/<\/a>
Pixabays webbplats: Inneh\u00e5llslicens \u2013 Pixabay<\/a><\/p>\n\n\n\n

Lagermask<\/h3>\n\n\n\n

Adding a layer mask to an image enables it to be displayed in a masked shape, giving more variety to its presentation style. With a wide range of layer masks to choose from, you can also customize the mask pattern and adjust its size and position after application.<\/p>\n\n\n\n

Click an edited image -> select [Layer Mask] <\/strong>on the right properties panel -> choose a pre-designed layer mask or [Custom Mask Pattern]<\/strong><\/p>\n\n\n\n

\"How-to-add-layer-mask-to-an-image-in-the-FlipHTML5-Page-Editor\"<\/figure>\n\n\n\n

Filter<\/h3>\n\n\n\n

Att l\u00e4gga till ett filter i bilden kan \u00e4ndra bildens ton och \u00f6ka bildens visuella tilltalande. Det finns m\u00e5nga olika filter att v\u00e4lja mellan, och du kan anpassa filtret.
Select an image -> [Filter]<\/strong> -> select a filter you like<\/p>\n\n\n\n

\"How-to-add-a-filter-to-the-image\"<\/figure>\n\n\n\n

BG Remover<\/h3>\n\n\n\n

Background remover can quickly erase the background of your image. Just click an edited image -> press [BG Remover] <\/strong>-> wait for finishing -> click [Bekr\u00e4fta]<\/strong><\/p>\n\n\n\n

You can also use [\u00c5terst\u00e4ll] <\/strong>eller [Erase]<\/strong> to make detailed adjustments to your edited image.<\/p>\n\n\n\n

\"Use-background-remover-to-edit-images\"<\/figure>\n\n\n\n

Restore the aspect ratio and original size<\/h3>\n\n\n\n
    \n
  • Restore aspect ratio: <\/strong>restore the aspect ratio of the image<\/li>\n\n\n\n
  • Restore original size:<\/strong> restore the original size of the image<\/li>\n<\/ul>\n\n\n\n
    \"How-to-restore<\/figure>\n\n\n\n

    2. Ladda upp lokala bilder<\/h2>\n\n\n\n

    Ladda upp lokala bilder till biblioteket f\u00f6r att visas i din bl\u00e4dderbok. Stegen f\u00f6r att ladda upp en bild \u00e4r f\u00f6ljande.<\/p>\n\n\n\n

    Klick [Bild]<\/strong> -> [Mina]<\/strong> -> [Ladda upp bilder]<\/strong> -> select the image(s) from the local folder -> [\u00d6ppen]<\/strong> -> ladda upp lokala bilder till [Mina]<\/strong> -> l\u00e4gg till bilden p\u00e5 arbetsytan genom att dra och sl\u00e4ppa eller klicka p\u00e5 -> anpassa bildegenskaper.<\/p>\n\n\n\n

    \u258eNotera:<\/strong>
    1. Du kan ladda upp flera bilder till biblioteket samtidigt.
    2. De uppladdade bilderna b\u00f6r vara under maximalt 3000 x 3000 pixlar.
    3. Vi rekommenderar att du laddar upp bilder med en bredd p\u00e5 mindre \u00e4n eller lika med 1920px.<\/p>\n\n\n\n

    N\u00e4r du har lagt till en bild p\u00e5 arbetsytan kan du redigera den i Sidredigeraren, till exempel besk\u00e4ra, l\u00e4gga till mask och filter, st\u00e4lla in opacitet, skugga, runda h\u00f6rn, position och rotation; du kan ocks\u00e5 st\u00e4lla in en bild som sidans bakgrund. Till exempel, n\u00e4r du anv\u00e4nder en QR-kod\/miniprogramkartabild kan du st\u00e4lla in den p\u00e5 ett l\u00e5ngt tryck f\u00f6r att identifiera QR-koden\/miniprogramkartan.<\/p>\n\n\n\n

    \"add-image-elements-4\"<\/figure>\n\n\n\n
    \"add-image-elements-5\"<\/figure>\n\n\n\n

    <\/p>\n\n\n\n

    Artikelrelaterade termer:
    <\/strong>bildelement, bildplacering, bildanpassning, bildgrafik, bilddesign, bildmallar, bildredigering, bildstorlek, bildalternativ, bildstilar, bildbesk\u00e4rning, f\u00f6rb\u00e4ttra visuellt inneh\u00e5ll<\/p>\n\n\n\n

    <\/p>","protected":false},"excerpt":{"rendered":"

    Bilder kan ge l\u00e4sarna en mer intuitiv och levande visuell upplevelse, s\u00e4rskilt f\u00f6r visst inneh\u00e5ll som beh\u00f6ver bilder, s\u00e5som illustrationer, diagram och kartor f\u00f6r att uttrycka detaljerad information. Att l\u00e4gga till bilder i bl\u00e4dderboken kan hj\u00e4lpa l\u00e4sarna att b\u00e4ttre f\u00f6rst\u00e5 inneh\u00e5llet, s\u00e4rskilt f\u00f6r vissa abstrakta och komplexa begrepp. Dessutom kan l\u00e4gga till bilder g\u00f6ra [\u2026]<\/p>","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[86],"doc_tag":[],"class_list":["post-3299","docs","type-docs","status-publish","hentry","doc_category-multimedia"],"year_month":"2026-04","word_count":668,"total_views":"15038","reactions":{"happy":"3","normal":"3","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/sv\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/sv\/docs-category\/multimedia\/"}],"doc_tag_info":[],"yoast_head":"\nAdd Image Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add Image Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"Images can provide readers with a more intuitive and vivid visual experience, especially for some content that needs images, such as illustrations, charts, and maps to express detailed information. Adding images to the flipbook can help readers better understand the content, especially for some abstract and complex concepts. In addition, adding images can make the […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-25T08:13:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/image-1-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/\",\"name\":\"Add Image Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/image-1-1.png\",\"datePublished\":\"2023-05-10T06:16:44+00:00\",\"dateModified\":\"2025-07-25T08:13:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/image-1-1.png\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/image-1-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add Image Elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cms.flippagemaker.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"contentUrl\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"width\":154,\"height\":20,\"caption\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add Image Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"sv_SE","og_type":"article","og_title":"Add Image Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"Images can provide readers with a more intuitive and vivid visual experience, especially for some content that needs images, such as illustrations, charts, and maps to express detailed information. Adding images to the flipbook can help readers better understand the content, especially for some abstract and complex concepts. In addition, adding images can make the […]","og_url":"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2025-07-25T08:13:09+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/image-1-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Ber\u00e4knad l\u00e4stid":"5 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/","url":"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/","name":"Add Image Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/image-1-1.png","datePublished":"2023-05-10T06:16:44+00:00","dateModified":"2025-07-25T08:13:09+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/image-1-1.png","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2023\/05\/image-1-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Add Image Elements"}]},{"@type":"WebSite","@id":"https:\/\/cms.flippagemaker.com\/#website","url":"https:\/\/cms.flippagemaker.com\/","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","description":"","publisher":{"@id":"https:\/\/cms.flippagemaker.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cms.flippagemaker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/","url":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","contentUrl":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","width":154,"height":20,"caption":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/"}}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/docs\/3299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/comments?post=3299"}],"version-history":[{"count":9,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/docs\/3299\/revisions"}],"predecessor-version":[{"id":8405,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/docs\/3299\/revisions\/8405"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/media?parent=3299"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/doc_category?post=3299"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/sv\/wp-json\/wp\/v2\/doc_tag?post=3299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}