{"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\/id\/docs\/add-image-elements\/","title":{"rendered":"Tambahkan Elemen Gambar"},"content":{"rendered":"

Gambar dapat memberikan pengalaman visual yang lebih intuitif dan jelas kepada pembaca, terutama untuk beberapa konten yang membutuhkan gambar, seperti ilustrasi, bagan, dan peta untuk mengungkapkan informasi terperinci.<\/p>\n\n\n\n

Menambahkan gambar ke flipbook dapat membantu pembaca lebih memahami konten, terutama untuk beberapa konsep abstrak dan kompleks. Selain itu, penambahan gambar dapat membuat konten lebih mudah dipahami dan dicerna.<\/p>\n\n\n\n

Menambahkan gambar dapat menambah estetika pada flipbook dan membuatnya lebih menarik. Selain itu, khususnya untuk beberapa flipbook seni dan desain, menambahkan gambar dapat membuatnya lebih indah dan kualitatif.<\/p>\n\n\n\n

Anda dapat menambahkan elemen gambar dari perpustakaan online atau mengunggah file lokal di Editor Halaman.<\/p>\n\n\n\n

\u258eCatatan:<\/strong> Hanya pengguna paket Platinum ke atas yang dapat menambahkan gambar.<\/p>\n\n\n\n

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

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

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

\u258eCatatan: <\/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 BUKAN<\/strong> be liable for any copyright disputes that may arise from the use of these images.
Situs web Pexels: https:\/\/www.pexels.com\/license\/<\/a>
Situs web Pixabay: Lisensi Konten \u2013 Pixabay<\/a><\/p>\n\n\n\n

Lapisan Masker<\/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

Menambahkan filter ke gambar dapat mengubah corak gambar dan meningkatkan daya tarik visual gambar. Ada banyak filter berbeda untuk dipilih, dan Anda dapat menyesuaikan filter.
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 [Mengonfirmasi]<\/strong><\/p>\n\n\n\n

You can also use [Memulihkan] <\/strong>atau [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. Unggah gambar lokal<\/h2>\n\n\n\n

    Unggah gambar lokal ke perpustakaan untuk ditampilkan di flipbook Anda. Langkah-langkah untuk mengunggah gambar adalah sebagai berikut.<\/p>\n\n\n\n

    Klik [Gambar]<\/strong> -> [Milikku]<\/strong> -> [Unggah gambar]<\/strong> -> select the image(s) from the local folder -> [Membuka]<\/strong> -> unggah gambar lokal ke [Milikku]<\/strong> -> tambahkan gambar ke kanvas dengan menyeret dan menjatuhkan atau mengklik -> sesuaikan properti gambar.<\/p>\n\n\n\n

    \u258eCatatan:<\/strong>
    1. Anda dapat mengunggah banyak gambar ke perpustakaan sekaligus.
    2. Gambar yang diunggah harus berukuran maksimal 3000 x 3000 piksel.
    3. Sebaiknya upload gambar dengan lebar kurang dari atau sama dengan 1920px.<\/p>\n\n\n\n

    Setelah menambahkan gambar ke kanvas, Anda dapat mengeditnya di Editor Halaman, seperti memotong, menambahkan topeng dan filter, mengatur opasitas, bayangan, sudut bulat, posisi, dan rotasi; Anda juga dapat mengatur gambar sebagai latar belakang halaman. Misalnya, saat Anda menggunakan gambar peta kode QR\/program mini, Anda dapat menyetelnya ke tekan lama untuk mengidentifikasi kode QR\/peta program mini.<\/p>\n\n\n\n

    \"tambahkan-gambar-elemen-4\"<\/figure>\n\n\n\n
    \"tambahkan-gambar-elemen-5\"<\/figure>\n\n\n\n

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

    Istilah terkait artikel:
    <\/strong>elemen gambar, penempatan gambar, penyesuaian gambar, grafik gambar, desain gambar, templat gambar, pengeditan gambar, ukuran gambar, opsi gambar, gaya gambar, pemangkasan gambar, peningkatan konten visual<\/p>\n\n\n\n

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

    Gambar dapat memberikan pengalaman visual yang lebih intuitif dan jelas kepada pembaca, terutama untuk beberapa konten yang membutuhkan gambar, seperti ilustrasi, bagan, dan peta untuk mengungkapkan informasi terperinci. Menambahkan gambar ke flipbook dapat membantu pembaca lebih memahami konten, terutama untuk beberapa konsep abstrak dan kompleks. Selain itu, menambahkan gambar dapat membuat [\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":"15047","reactions":{"happy":"3","normal":"3","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/id\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/id\/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=\"id_ID\" \/>\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\/id\/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\":\"id-ID\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id-ID\",\"@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\":\"id-ID\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id-ID\",\"@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":"id_ID","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\/id\/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":"id-ID","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/"]}]},{"@type":"ImageObject","inLanguage":"id-ID","@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":"id-ID"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"id-ID","@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\/id\/wp-json\/wp\/v2\/docs\/3299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/comments?post=3299"}],"version-history":[{"count":9,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs\/3299\/revisions"}],"predecessor-version":[{"id":8405,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/docs\/3299\/revisions\/8405"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/media?parent=3299"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/doc_category?post=3299"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/id\/wp-json\/wp\/v2\/doc_tag?post=3299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}