{"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\/pl\/docs\/add-image-elements\/","title":{"rendered":"Dodaj elementy obrazu"},"content":{"rendered":"

Obrazy mog\u0105 zapewni\u0107 czytelnikom bardziej intuicyjne i \u017cywe wra\u017cenia wizualne, zw\u0142aszcza w przypadku niekt\u00f3rych tre\u015bci, kt\u00f3re wymagaj\u0105 obraz\u00f3w, takich jak ilustracje, wykresy i mapy do wyra\u017cania szczeg\u00f3\u0142owych informacji.<\/p>\n\n\n\n

Dodanie obraz\u00f3w do flipbooka mo\u017ce pom\u00f3c czytelnikom lepiej zrozumie\u0107 tre\u015b\u0107, zw\u0142aszcza w przypadku niekt\u00f3rych abstrakcyjnych i z\u0142o\u017conych poj\u0119\u0107. Ponadto dodanie obraz\u00f3w mo\u017ce sprawi\u0107, \u017ce tre\u015b\u0107 b\u0119dzie \u0142atwiejsza do zrozumienia i przyswojenia.<\/p>\n\n\n\n

Dodanie obraz\u00f3w mo\u017ce doda\u0107 estetyki flipbookom i uczyni\u0107 je bardziej atrakcyjnymi. Co wi\u0119cej, zw\u0142aszcza w przypadku niekt\u00f3rych flipbook\u00f3w po\u015bwi\u0119conych sztuce i projektom, dodanie obraz\u00f3w mo\u017ce sprawi\u0107, \u017ce b\u0119d\u0105 one bardziej wyrafinowane i jako\u015bciowe.<\/p>\n\n\n\n

Mo\u017cesz dodawa\u0107 elementy obrazu z biblioteki online lub przesy\u0142a\u0107 pliki lokalne w Edytorze stron.<\/p>\n\n\n\n

\u258eNotatka:<\/strong> Tylko u\u017cytkownicy planu Platinum i wy\u017cszych mog\u0105 dodawa\u0107 obrazy.<\/p>\n\n\n\n

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

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

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

\u258eUwaga: <\/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 NIE<\/strong> be liable for any copyright disputes that may arise from the use of these images.
Strona internetowa Pexels: https:\/\/www.pexels.com\/license\/<\/a>
Strona internetowa Pixabay: Licencja tre\u015bci \u2013 Pixabay<\/a><\/p>\n\n\n\n

Maska warstwy<\/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

Filtry<\/h3>\n\n\n\n

Dodanie filtra do obrazu mo\u017ce zmieni\u0107 ton obrazu i zwi\u0119kszy\u0107 atrakcyjno\u015b\u0107 wizualn\u0105 obrazu. Istnieje wiele r\u00f3\u017cnych filtr\u00f3w do wyboru i mo\u017cna dostosowa\u0107 filtr.
Select an image -> [Filtry]<\/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 [Potwierdza\u0107]<\/strong><\/p>\n\n\n\n

You can also use [Przywr\u00f3ci\u0107] <\/strong>Lub [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. Prze\u015blij lokalne obrazy<\/h2>\n\n\n\n

    Prze\u015blij lokalne obrazy do biblioteki, aby by\u0142y wy\u015bwietlane w Twoim flipbooku. Kroki przesy\u0142ania obrazu s\u0105 nast\u0119puj\u0105ce.<\/p>\n\n\n\n

    Kliknij [Obraz]<\/strong> -> [Kopalnia]<\/strong> -> [Przesy\u0142a\u0107 zdj\u0119cia]<\/strong> -> select the image(s) from the local folder -> [Otwarty]<\/strong> -> prze\u015blij lokalne obrazy do [Kopalnia]<\/strong> -> dodaj obraz do p\u0142\u00f3tna, przeci\u0105gaj\u0105c i upuszczaj\u0105c lub klikaj\u0105c -> dostosuj w\u0142a\u015bciwo\u015bci obrazu.<\/p>\n\n\n\n

    \u258eNotatka:<\/strong>
    1. Mo\u017cesz przes\u0142a\u0107 wiele obraz\u00f3w do biblioteki jednocze\u015bnie.
    2. Przes\u0142ane obrazy powinny mie\u0107 maksymalnie 3000 x 3000 pikseli.
    3. Zalecamy przesy\u0142anie obraz\u00f3w o szeroko\u015bci mniejszej lub r\u00f3wnej 1920px.<\/p>\n\n\n\n

    Po dodaniu obrazu do p\u0142\u00f3tna mo\u017cesz go edytowa\u0107 w Edytorze stron, na przyk\u0142ad przycinaj\u0105c, dodaj\u0105c mask\u0119 i filtr, ustawiaj\u0105c krycie, cie\u0144, zaokr\u0105glony r\u00f3g, pozycj\u0119 i obr\u00f3t; mo\u017cesz tak\u017ce ustawi\u0107 obraz jako t\u0142o strony. Na przyk\u0142ad, gdy u\u017cywasz obrazu z kodem QR\/minimap\u0105 programu, mo\u017cesz ustawi\u0107 d\u0142ugie naci\u015bni\u0119cie, aby zidentyfikowa\u0107 kod QR\/minimap\u0119 programu.<\/p>\n\n\n\n

    \"dodaj-elementy-obrazu-4\"<\/figure>\n\n\n\n
    \"dodaj-elementy-obrazu-5\"<\/figure>\n\n\n\n

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

    Terminy zwi\u0105zane z artyku\u0142ami:
    <\/strong>elementy obrazu, umieszczanie obrazu, dostosowywanie obrazu, grafika obrazu, projektowanie obrazu, szablony obrazu, edycja obrazu, rozmiar obrazu, opcje obrazu, style obrazu, przycinanie obrazu, ulepszanie tre\u015bci wizualnych<\/p>\n\n\n\n

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

    Obrazy mog\u0105 zapewni\u0107 czytelnikom bardziej intuicyjne i \u017cywe wra\u017cenia wizualne, szczeg\u00f3lnie w przypadku niekt\u00f3rych tre\u015bci, kt\u00f3re wymagaj\u0105 obraz\u00f3w, takich jak ilustracje, wykresy i mapy, aby wyrazi\u0107 szczeg\u00f3\u0142owe informacje. Dodanie obraz\u00f3w do flipbooka mo\u017ce pom\u00f3c czytelnikom lepiej zrozumie\u0107 tre\u015b\u0107, szczeg\u00f3lnie w przypadku niekt\u00f3rych abstrakcyjnych i z\u0142o\u017conych koncepcji. Ponadto dodanie obraz\u00f3w mo\u017ce sprawi\u0107, \u017ce [\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":"15014","reactions":{"happy":"3","normal":"3","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/pl\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/pl\/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=\"pl_PL\" \/>\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\/pl\/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\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@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\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@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":"pl_PL","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\/pl\/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":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@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":"pl-PL"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@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\/pl\/wp-json\/wp\/v2\/docs\/3299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/comments?post=3299"}],"version-history":[{"count":9,"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/docs\/3299\/revisions"}],"predecessor-version":[{"id":8405,"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/docs\/3299\/revisions\/8405"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/media?parent=3299"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/doc_category?post=3299"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/pl\/wp-json\/wp\/v2\/doc_tag?post=3299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}