{"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\/fi\/docs\/add-image-elements\/","title":{"rendered":"Lis\u00e4\u00e4 kuvaelementtej\u00e4"},"content":{"rendered":"

Kuvat voivat tarjota lukijoille intuitiivisemman ja eloisemman visuaalisen kokemuksen, etenkin kun on kyse sis\u00e4ll\u00f6st\u00e4, joka tarvitsee kuvia, kuten piirroksia, kaavioita ja karttoja yksityiskohtaisten tietojen ilmaisemiseen.<\/p>\n\n\n\n

Kuvien lis\u00e4\u00e4minen fl\u00e4ppikirjaan voi auttaa lukijoita ymm\u00e4rt\u00e4m\u00e4\u00e4n paremmin sis\u00e4lt\u00f6\u00e4, erityisesti joidenkin abstraktien ja monimutkaisten k\u00e4sitteiden osalta. Lis\u00e4ksi kuvien lis\u00e4\u00e4minen voi tehd\u00e4 sis\u00e4ll\u00f6st\u00e4 helpommin ymm\u00e4rrett\u00e4v\u00e4\u00e4 ja sulavaa.<\/p>\n\n\n\n

Kuvien lis\u00e4\u00e4minen voi lis\u00e4t\u00e4 flipbookeihin estetiikkaa ja tehd\u00e4 niist\u00e4 houkuttelevampia. Lis\u00e4ksi kuvien lis\u00e4\u00e4minen voi tehd\u00e4 niist\u00e4 hienostuneempia ja laadukkaampia erityisesti joissakin taide- ja designflipbookeissa.<\/p>\n\n\n\n

Voit lis\u00e4t\u00e4 kuvaelementtej\u00e4 online-kirjastosta tai ladata paikallisia tiedostoja sivueditoriin.<\/p>\n\n\n\n

\u258eHuomautus:<\/strong> Vain Platinum-paketin ja sit\u00e4 uudemman paketin k\u00e4ytt\u00e4j\u00e4t voivat lis\u00e4t\u00e4 kuvia.<\/p>\n\n\n\n

1. Verkkokirjasto<\/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

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

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

\u258eHuomautus: <\/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 EI<\/strong> be liable for any copyright disputes that may arise from the use of these images.
Pexelsin verkkosivusto: https:\/\/www.pexels.com\/license\/<\/a>
Pixabayn verkkosivusto: Sis\u00e4ll\u00f6n lisenssi \u2013 Pixabay<\/a><\/p>\n\n\n\n

Kerrosmaski<\/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

Suodattimet<\/h3>\n\n\n\n

Suodattimen lis\u00e4\u00e4minen kuvaan voi muuttaa kuvan s\u00e4vy\u00e4 ja lis\u00e4t\u00e4 kuvan visuaalista vetovoimaa. Valittavana on monia erilaisia suodattimia, ja voit mukauttaa suodatinta.
Select an image -> [Suodattimet]<\/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 [Vahvistaa]<\/strong><\/p>\n\n\n\n

You can also use [Palauttaa] <\/strong>tai [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. Lataa paikallisia kuvia<\/h2>\n\n\n\n

    Lataa paikallisia kuvia kirjastoon n\u00e4ytett\u00e4v\u00e4ksi fl\u00e4ppikirjassasi. Kuvan lataamisen vaiheet ovat seuraavat.<\/p>\n\n\n\n

    Klikkaus [Kuva]<\/strong> -> [Kaivos]<\/strong> -> [Lataa kuvia]<\/strong> -> select the image(s) from the local folder -> [Avata]<\/strong> -> lataa paikallisia kuvia osoitteeseen [Kaivos]<\/strong> -> lis\u00e4\u00e4 kuva kankaalle vet\u00e4m\u00e4ll\u00e4 ja pudottamalla tai napsauttamalla -> muokkaa kuvan ominaisuuksia.<\/p>\n\n\n\n

    \u258eHuomautus:<\/strong>
    1. Voit ladata kirjastoon useita kuvia kerralla.
    2. Ladattujen kuvien enimm\u00e4iskoko on 3000 x 3000 pikseli\u00e4.
    3. Suosittelemme lataamaan kuvia, joiden leveys on enint\u00e4\u00e4n 1920 kuvapistett\u00e4.<\/p>\n\n\n\n

    Kun olet lis\u00e4nnyt kuvan kankaalle, voit muokata sit\u00e4 sivueditorissa, kuten rajata, lis\u00e4t\u00e4 maskin ja suodattimen, asettaa peitt\u00e4vyyden, varjon, py\u00f6re\u00e4n kulman, sijainnin ja kierron. Voit my\u00f6s asettaa kuvan sivun taustaksi. Esimerkiksi kun k\u00e4yt\u00e4t QR-koodia\/miniohjelmakarttakuvaa, voit asettaa sen painamaan pitk\u00e4\u00e4n tunnistaaksesi QR-koodin\/miniohjelmakartan.<\/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

    Artikkeliin liittyv\u00e4t termit:
    <\/strong>kuvaelementit, kuvan sijoittelu, kuvan mukauttaminen, kuvagrafiikka, kuvasuunnittelu, kuvamallit, kuvank\u00e4sittely, kuvan koko, kuvavaihtoehdot, kuvatyylit, kuvan rajaus, visuaalisen sis\u00e4ll\u00f6n parantaminen<\/p>\n\n\n\n

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

    Kuvat voivat tarjota lukijoille intuitiivisemman ja eloisemman visuaalisen kokemuksen, etenkin kun on kyse sis\u00e4ll\u00f6st\u00e4, joka tarvitsee kuvia, kuten piirroksia, kaavioita ja karttoja yksityiskohtaisten tietojen ilmaisemiseen. Kuvien lis\u00e4\u00e4minen flipbookiin voi auttaa lukijoita ymm\u00e4rt\u00e4m\u00e4\u00e4n paremmin sis\u00e4lt\u00f6\u00e4, erityisesti joidenkin abstraktien ja monimutkaisten k\u00e4sitteiden osalta. Lis\u00e4ksi kuvien lis\u00e4\u00e4minen voi tehd\u00e4 [\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":"15050","reactions":{"happy":"3","normal":"3","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/fi\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/fi\/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=\"fi_FI\" \/>\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\/fi\/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=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\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\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@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\":\"fi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@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":"fi_FI","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\/fi\/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":{"Est. reading time":"5 minutes"},"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":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/"]}]},{"@type":"ImageObject","inLanguage":"fi","@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":"fi"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"fi","@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\/fi\/wp-json\/wp\/v2\/docs\/3299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/comments?post=3299"}],"version-history":[{"count":9,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/3299\/revisions"}],"predecessor-version":[{"id":8405,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/3299\/revisions\/8405"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/media?parent=3299"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/doc_category?post=3299"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/doc_tag?post=3299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}