{"id":607,"date":"2022-11-23T09:35:13","date_gmt":"2022-11-23T09:35:13","guid":{"rendered":"https:\/\/help.mangoanimate.com\/?post_type=docs&#038;p=607"},"modified":"2024-02-21T08:24:55","modified_gmt":"2024-02-21T08:24:55","slug":"how-to-add-images","status":"publish","type":"docs","link":"https:\/\/help.mangoanimate.com\/tw\/docs\/%e5%a6%82%e4%bd%95%e6%b7%bb%e5%8a%a0%e5%9c%96%e7%89%87\/","title":{"rendered":"\u5982\u4f55\u6dfb\u52a0\u5716\u50cf"},"content":{"rendered":"<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }<\/style><div class=\"embed-container\"><iframe src=\"https:\/\/www.youtube.com\/embed\/LqjOa7ZiOhE?\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/div>\n\n\n\n<br>\n\n\n\n<p class=\"has-small-font-size\">Good images are more powerful than words, helping us to explain important points easier. How can we add images into animated videos?<\/p>\n\n\n\n<p class=\"has-small-font-size\">\u6b65\u9a5f1\u3002\u55ae\u64ca\u201c\u5716\u50cf\u201d\u9078\u9805\u5361&gt;\u5f9e\u5716\u50cf\u5eab\u6216\u60a8\u7684\u8a2d\u5099\u6dfb\u52a0\u5716\u50cf\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/online.mangoanimate.com\/post\/image\/14ab756ca8912c4ad90ea558131ddd1a.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">\u7b2c2\u6b65\u3002\u81ea\u5b9a\u7fa9\u60a8\u7684\u5716\u50cf\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">\u5716\u50cf\u6709\u5f88\u591a\u53c3\u6578\u3002\u5982\u679c\u9700\u8981\uff0c\u60a8\u53ef\u4ee5\u81ea\u5b9a\u7fa9\u5b83\u5011\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">1.\u8abf\u6574\u5716\u50cf\u5927\u5c0f\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">2.\u70ba\u60a8\u7684\u5716\u50cf\u6dfb\u52a0\u88dd\u98fe\u6548\u679c\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">3. \u6dfb\u52a0\u865b\u7dda\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">4.\u60a8\u53ef\u4ee5\u81ea\u5b9a\u7fa9\u4e0d\u900f\u660e\u5ea6\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">5.\u6dfb\u52a0\u6697\u5f71\u6548\u679c\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">6.\u70ba\u60a8\u7684\u5716\u50cf\u6dfb\u52a0\u526a\u7d19\u6548\u679c\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/online.mangoanimate.com\/post\/image\/db08b75b0531a5c990f1a84b266c0931.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"has-small-font-size\">\u7b2c\u4e09\u6b65\u3002\u96d9\u64ca\u756b\u5e03\u4e0a\u7684\u5716\u50cf\uff0c\u6216\u55ae\u64ca\u201c\u5716\u50cf\u7de8\u8f2f\u5668\u201d\u6253\u958b\u5716\u50cf\u7de8\u8f2f\u5668\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">\u5716\u50cf\u7de8\u8f2f\u5668\u5141\u8a31\u60a8\u7f8e\u5316\u548c\u81ea\u5b9a\u7fa9\u5716\u50cf\u3002\u60a8\u53ef\u4ee5\u7de8\u8f2f\u5716\u50cf\uff0c\u4f8b\u5982\u88c1\u526a\u3001\u7ffb\u8f49\u6216\u6dfb\u52a0\u6ffe\u93e1\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">*\u6ce8\u610f\uff1aJPG\u3001JPEG\u3001PNG \u683c\u5f0f\u7684\u5716\u50cf\u53ef\u4ee5\u4f7f\u7528\u5716\u50cf\u7de8\u8f2f\u5668\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/online.mangoanimate.com\/post\/image\/3a7cc41ba0fa9906be83f91e9f180c33.jpg\" alt=\"\"\/><\/figure>","protected":false},"excerpt":{"rendered":"<p>Good images are more powerful than words, helping us to explain important points easier. How can we add images into animated videos? Step1. Click the \u201cImage\u201d tab&gt;Add image from the image gallery or your device. Step2. Customize your image. There are many parameters of the image. You can customize them if it\u2019s necessary. 1. Resize &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/help.mangoanimate.com\/tw\/docs\/%e5%a6%82%e4%bd%95%e6%b7%bb%e5%8a%a0%e5%9c%96%e7%89%87\/\"> <span class=\"screen-reader-text\">\u5982\u4f55\u6dfb\u52a0\u5716\u50cf<\/span> \u95b1\u8b80\u5168\u6587 &raquo;<\/a><\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"doc_category":[11],"doc_tag":[],"knowledge_base":[20],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.2.1 (Yoast SEO v20.10) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add Images - Mango Animate Help Center<\/title>\n<meta name=\"description\" content=\"Mango Animation allows you to add images into your animated video.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/help.mangoanimate.com\/tw\/docs\/how-to-add-images\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Images\" \/>\n<meta property=\"og:description\" content=\"Mango Animation allows you to add images into your animated video.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/help.mangoanimate.com\/tw\/docs\/how-to-add-images\/\" \/>\n<meta property=\"og:site_name\" content=\"Mango Animate Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-21T08:24:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/online.mangoanimate.com\/post\/image\/14ab756ca8912c4ad90ea558131ddd1a.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-images\/\",\"url\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-images\/\",\"name\":\"How to Add Images - Mango Animate Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#website\"},\"datePublished\":\"2022-11-23T09:35:13+00:00\",\"dateModified\":\"2024-02-21T08:24:55+00:00\",\"description\":\"Mango Animation allows you to add images into your animated video.\",\"breadcrumb\":{\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-images\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-images\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/help.mangoanimate.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/help.mangoanimate.com\/#website\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"name\":\"Mango Animate Help Center\",\"description\":\"Just another WordPress site\",\"publisher\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/help.mangoanimate.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"contentUrl\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"width\":240,\"height\":32,\"caption\":\"Mango Animate Help Center\"},\"image\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add Images - Mango Animate Help Center","description":"Mango Animation allows you to add images into your animated video.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/help.mangoanimate.com\/tw\/docs\/how-to-add-images\/","og_locale":"zh_TW","og_type":"article","og_title":"How to Add Images","og_description":"Mango Animation allows you to add images into your animated video.","og_url":"https:\/\/help.mangoanimate.com\/tw\/docs\/how-to-add-images\/","og_site_name":"Mango Animate Help Center","article_modified_time":"2024-02-21T08:24:55+00:00","og_image":[{"url":"https:\/\/online.mangoanimate.com\/post\/image\/14ab756ca8912c4ad90ea558131ddd1a.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"2 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-images\/","url":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-images\/","name":"How to Add Images - Mango Animate Help Center","isPartOf":{"@id":"https:\/\/help.mangoanimate.com\/#website"},"datePublished":"2022-11-23T09:35:13+00:00","dateModified":"2024-02-21T08:24:55+00:00","description":"Mango Animation allows you to add images into your animated video.","breadcrumb":{"@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-images\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/help.mangoanimate.com\/docs\/how-to-add-images\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/help.mangoanimate.com\/"},{"@type":"ListItem","position":2,"name":"How to Add Images"}]},{"@type":"WebSite","@id":"https:\/\/help.mangoanimate.com\/#website","url":"https:\/\/help.mangoanimate.com\/","name":"Mango Animate Help Center","description":"Just another WordPress site","publisher":{"@id":"https:\/\/help.mangoanimate.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/help.mangoanimate.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-TW"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/","url":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","contentUrl":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","width":240,"height":32,"caption":"Mango Animate Help Center"},"image":{"@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/docs\/607"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/comments?post=607"}],"version-history":[{"count":2,"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/docs\/607\/revisions"}],"predecessor-version":[{"id":1525,"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/docs\/607\/revisions\/1525"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/media?parent=607"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/doc_category?post=607"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/doc_tag?post=607"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/tw\/wp-json\/wp\/v2\/knowledge_base?post=607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}