{"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\/cs\/docs\/add-image-elements\/","title":{"rendered":"P\u0159idat prvky obr\u00e1zku"},"content":{"rendered":"

Obr\u00e1zky mohou \u010dten\u00e1\u0159\u016fm poskytnout intuitivn\u011bj\u0161\u00ed a \u017eiv\u011bj\u0161\u00ed vizu\u00e1ln\u00ed z\u00e1\u017eitek, zejm\u00e9na u n\u011bkter\u00e9ho obsahu, kter\u00fd pot\u0159ebuje obr\u00e1zky, jako jsou ilustrace, grafy a mapy k vyj\u00e1d\u0159en\u00ed podrobn\u00fdch informac\u00ed.<\/p>\n\n\n\n

P\u0159id\u00e1n\u00ed obr\u00e1zk\u016f do flipbooku m\u016f\u017ee \u010dten\u00e1\u0159\u016fm pomoci l\u00e9pe porozum\u011bt obsahu, zejm\u00e9na u n\u011bkter\u00fdch abstraktn\u00edch a slo\u017eit\u00fdch pojm\u016f. P\u0159id\u00e1n\u00ed obr\u00e1zk\u016f m\u016f\u017ee nav\u00edc obsah snadn\u011bji pochopit a str\u00e1vit.<\/p>\n\n\n\n

P\u0159id\u00e1n\u00edm obr\u00e1zk\u016f m\u016f\u017eete flipbook\u016fm p\u0159idat estetiku a u\u010dinit je atraktivn\u011bj\u0161\u00edmi. Nav\u00edc, zvl\u00e1\u0161t\u011b u n\u011bkter\u00fdch flipbook\u016f s um\u011bn\u00edm a designem, p\u0159id\u00e1n\u00ed obr\u00e1zk\u016f je m\u016f\u017ee u\u010dinit znamenit\u011bj\u0161\u00edmi a kvalitn\u011bj\u0161\u00edmi.<\/p>\n\n\n\n

M\u016f\u017eete p\u0159idat obrazov\u00e9 prvky z online knihovny nebo nahr\u00e1t m\u00edstn\u00ed soubory v Editoru str\u00e1nek.<\/p>\n\n\n\n

\u258ePozn\u00e1mka:<\/strong> Obr\u00e1zky mohou p\u0159id\u00e1vat pouze u\u017eivatel\u00e9 s platinov\u00fdm pl\u00e1nem a vy\u0161\u0161\u00edm.<\/p>\n\n\n\n

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

Klikn\u011bte [Obraz] <\/strong>-> enter keywords in the box to search images -> change image sources [Pexely] <\/strong>nebo [Pixabay] <\/strong>to find images you need -> select an image and click to add -> customize image properties on [Nastaven\u00ed] <\/strong>panel.<\/p>\n\n\n\n

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

\u258ePozn\u00e1mka: <\/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 NE<\/strong> be liable for any copyright disputes that may arise from the use of these images.
Webov\u00e9 str\u00e1nky Pexels: https:\/\/www.pexels.com\/license\/<\/a>
Webov\u00e9 str\u00e1nky Pixabay: Licence pro obsah \u2013 Pixabay<\/a><\/p>\n\n\n\n

Vrstva masky<\/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

P\u0159id\u00e1n\u00edm filtru do obr\u00e1zku m\u016f\u017eete zm\u011bnit t\u00f3n obr\u00e1zku a zv\u00fd\u0161it vizu\u00e1ln\u00ed p\u0159ita\u017elivost obr\u00e1zku. Na v\u00fdb\u011br je mnoho r\u016fzn\u00fdch filtr\u016f a filtr si m\u016f\u017eete p\u0159izp\u016fsobit.
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 [Potvrdit]<\/strong><\/p>\n\n\n\n

You can also use [Obnovit] <\/strong>nebo [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. Nahrajte m\u00edstn\u00ed obr\u00e1zky<\/h2>\n\n\n\n

    Nahrajte m\u00edstn\u00ed obr\u00e1zky do knihovny, aby se zobrazily ve va\u0161em flipbooku. Kroky pro nahr\u00e1n\u00ed obr\u00e1zku jsou n\u00e1sleduj\u00edc\u00ed.<\/p>\n\n\n\n

    Klikn\u011bte [Obraz]<\/strong> -> [T\u011b\u017eit]<\/strong> -> [Nahr\u00e1t obr\u00e1zky]<\/strong> -> select the image(s) from the local folder -> [OTEV\u0158ENO]<\/strong> -> nahrajte m\u00edstn\u00ed obr\u00e1zky do [T\u011b\u017eit]<\/strong> -> p\u0159idejte obr\u00e1zek na pl\u00e1tno p\u0159eta\u017een\u00edm nebo kliknut\u00edm -> p\u0159izp\u016fsobte vlastnosti obr\u00e1zku.<\/p>\n\n\n\n

    \u258ePozn\u00e1mka:<\/strong>
    1. Do knihovny m\u016f\u017eete nahr\u00e1t v\u00edce obr\u00e1zk\u016f najednou.
    2. Nahran\u00e9 obr\u00e1zky by m\u011bly m\u00edt maxim\u00e1ln\u011b 3000 x 3000 pixel\u016f.
    3. Doporu\u010dujeme nahr\u00e1vat obr\u00e1zky o \u0161\u00ed\u0159ce men\u0161\u00ed nebo rovn\u00e9 1920px.<\/p>\n\n\n\n

    Po p\u0159id\u00e1n\u00ed obr\u00e1zku na pl\u00e1tno jej m\u016f\u017eete upravit v Editoru str\u00e1nek, jako je o\u0159\u00edznut\u00ed, p\u0159id\u00e1n\u00ed masky a filtru, nastaven\u00ed kryt\u00ed, st\u00ednu, zaoblen\u00e9ho rohu, polohy a oto\u010den\u00ed; m\u016f\u017eete tak\u00e9 nastavit obr\u00e1zek jako pozad\u00ed str\u00e1nky. Kdy\u017e nap\u0159\u00edklad pou\u017e\u00edv\u00e1te obr\u00e1zek s QR k\u00f3dem\/minim\u00e1ln\u00ed programovou mapou, m\u016f\u017eete jej nastavit na dlouh\u00e9 stisknut\u00ed, abyste identifikovali QR k\u00f3d\/mapu miniprogramu.<\/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

    Term\u00edny souvisej\u00edc\u00ed s \u010dl\u00e1nkem:
    <\/strong>prvky obr\u00e1zku, um\u00edst\u011bn\u00ed obr\u00e1zku, p\u0159izp\u016fsoben\u00ed obr\u00e1zku, grafika obr\u00e1zku, n\u00e1vrh obr\u00e1zku, \u0161ablony obr\u00e1zk\u016f, \u00faprava obr\u00e1zku, velikost obr\u00e1zku, mo\u017enosti obr\u00e1zku, styly obr\u00e1zku, o\u0159\u00edznut\u00ed obr\u00e1zku, vylep\u0161en\u00ed vizu\u00e1ln\u00edho obsahu<\/p>\n\n\n\n

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

    Obr\u00e1zky mohou \u010dten\u00e1\u0159\u016fm poskytnout intuitivn\u011bj\u0161\u00ed a \u017eiv\u011bj\u0161\u00ed vizu\u00e1ln\u00ed z\u00e1\u017eitek, zejm\u00e9na u obsahu, kter\u00fd vy\u017eaduje obr\u00e1zky, jako jsou ilustrace, grafy a mapy k vyj\u00e1d\u0159en\u00ed podrobn\u00fdch informac\u00ed. P\u0159id\u00e1n\u00ed obr\u00e1zk\u016f do flipbooku m\u016f\u017ee \u010dten\u00e1\u0159\u016fm pomoci l\u00e9pe porozum\u011bt obsahu, zejm\u00e9na u n\u011bkter\u00fdch abstraktn\u00edch a slo\u017eit\u00fdch pojm\u016f. Krom\u011b toho m\u016f\u017ee p\u0159id\u00e1n\u00ed obr\u00e1zk\u016f [\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":"15071","reactions":{"happy":"3","normal":"3","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/cs\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/cs\/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=\"cs_CZ\" \/>\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\/cs\/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=\"Odhadovan\u00e1 doba \u010dten\u00ed\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minut\" \/>\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\":\"cs\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@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\":\"cs\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@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":"cs_CZ","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\/cs\/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":{"Odhadovan\u00e1 doba \u010dten\u00ed":"5 minut"},"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":"cs","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/"]}]},{"@type":"ImageObject","inLanguage":"cs","@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":"cs"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"cs","@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\/cs\/wp-json\/wp\/v2\/docs\/3299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/comments?post=3299"}],"version-history":[{"count":9,"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/docs\/3299\/revisions"}],"predecessor-version":[{"id":8405,"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/docs\/3299\/revisions\/8405"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/media?parent=3299"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/doc_category?post=3299"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/cs\/wp-json\/wp\/v2\/doc_tag?post=3299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}