{"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\/es\/docs\/add-image-elements\/","title":{"rendered":"Agregar elementos de imagen"},"content":{"rendered":"

Las im\u00e1genes pueden proporcionar a los lectores una experiencia visual m\u00e1s intuitiva y v\u00edvida, especialmente para algunos contenidos que necesitan im\u00e1genes, como ilustraciones, gr\u00e1ficos y mapas para expresar informaci\u00f3n detallada.<\/p>\n\n\n\n

Agregar im\u00e1genes al flipbook puede ayudar a los lectores a comprender mejor el contenido, especialmente para algunos conceptos abstractos y complejos. Adem\u00e1s, agregar im\u00e1genes puede hacer que el contenido sea m\u00e1s f\u00e1cil de entender y digerir.<\/p>\n\n\n\n

Agregar im\u00e1genes puede agregar est\u00e9tica a los flipbooks y hacerlos m\u00e1s atractivos. Adem\u00e1s, especialmente para algunos flipbooks de arte y dise\u00f1o, agregar im\u00e1genes puede hacerlos m\u00e1s exquisitos y cualitativos.<\/p>\n\n\n\n

Puede agregar elementos de imagen de la biblioteca en l\u00ednea o cargar archivos locales en el Editor de p\u00e1ginas.<\/p>\n\n\n\n

\u258eNota:<\/strong> Solo los usuarios del plan Platinum y superior pueden agregar im\u00e1genes.<\/p>\n\n\n\n

1. La biblioteca en l\u00ednea<\/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

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

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

\u258eNota: <\/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 NO<\/strong> be liable for any copyright disputes that may arise from the use of these images.
Sitio web de Pexels: https:\/\/www.pexels.com\/license\/<\/a>
Sitio web de Pixabay: Licencia de contenido \u2013 Pixabay<\/a><\/p>\n\n\n\n

M\u00e1scara de capa<\/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

Filtros<\/h3>\n\n\n\n

Agregar un filtro a la imagen puede cambiar el tono de la imagen y aumentar el atractivo visual de la imagen. Hay muchos filtros diferentes para elegir, y puede personalizar el filtro.
Select an image -> [Filtros]<\/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 [Confirmar]<\/strong><\/p>\n\n\n\n

You can also use [Restaurar] <\/strong>o [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. Sube im\u00e1genes locales<\/h2>\n\n\n\n

    Sube im\u00e1genes locales a la biblioteca para que se muestren en tu flipbook. Los pasos para subir una imagen son los siguientes.<\/p>\n\n\n\n

    Hacer clic [Imagen]<\/strong> -> [M\u00edo]<\/strong> -> [Subir im\u00e1genes]<\/strong> -> select the image(s) from the local folder -> [Abierto]<\/strong> -> subir im\u00e1genes locales a [M\u00edo]<\/strong> -> agregue la imagen al lienzo arrastrando y soltando o haciendo clic -> personalice las propiedades de la imagen.<\/p>\n\n\n\n

    \u258eNota:<\/strong>
    1. Puede cargar varias im\u00e1genes a la biblioteca a la vez.
    2. Las im\u00e1genes cargadas deben tener un m\u00e1ximo de 3000 x 3000 p\u00edxeles.
    3. Recomendamos subir im\u00e1genes con un ancho menor o igual a 1920px.<\/p>\n\n\n\n

    Despu\u00e9s de agregar una imagen al lienzo, puede editarla en el Editor de p\u00e1ginas, como recortar, agregar m\u00e1scara y filtro, configurar la opacidad, la sombra, la esquina redondeada, la posici\u00f3n y la rotaci\u00f3n; tambi\u00e9n puede establecer una imagen como fondo de p\u00e1gina. Por ejemplo, cuando utiliza una imagen de c\u00f3digo QR\/minimapa de programa, puede configurarla para que mantenga presionada para identificar el c\u00f3digo QR\/mapa de miniprograma.<\/p>\n\n\n\n

    \"agregar-elementos-de-imagen-4\"<\/figure>\n\n\n\n
    \"agregar-elementos-de-imagen-5\"<\/figure>\n\n\n\n

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

    T\u00e9rminos relacionados con el art\u00edculo:
    <\/strong>elementos de imagen, colocaci\u00f3n de imagen, personalizaci\u00f3n de imagen, gr\u00e1ficos de imagen, dise\u00f1o de imagen, plantillas de imagen, edici\u00f3n de imagen, tama\u00f1o de imagen, opciones de imagen, estilos de imagen, recorte de imagen, mejora del contenido visual<\/p>\n\n\n\n

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

    Las im\u00e1genes pueden ofrecer a los lectores una experiencia visual m\u00e1s intuitiva y v\u00edvida, especialmente para contenido que requiere im\u00e1genes, como ilustraciones, gr\u00e1ficos y mapas, para expresar informaci\u00f3n detallada. A\u00f1adir im\u00e1genes al flipbook puede ayudar a los lectores a comprender mejor el contenido, especialmente para conceptos abstractos y complejos. Adem\u00e1s, a\u00f1adir im\u00e1genes puede facilitar [\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\/es\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Multimedia","term_url":"https:\/\/cms.flippagemaker.com\/es\/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=\"es_ES\" \/>\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\/es\/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=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutos\" \/>\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\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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":"es_ES","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\/es\/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":{"Tiempo de lectura":"5 minutos"},"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":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/sv\/docs\/add-image-elements\/"]}]},{"@type":"ImageObject","inLanguage":"es","@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":"es"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@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\/es\/wp-json\/wp\/v2\/docs\/3299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/comments?post=3299"}],"version-history":[{"count":9,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/docs\/3299\/revisions"}],"predecessor-version":[{"id":8405,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/docs\/3299\/revisions\/8405"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/media?parent=3299"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/doc_category?post=3299"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/doc_tag?post=3299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}