{"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\/jp\/docs\/%e7%94%bb%e5%83%8f%e3%81%ae%e8%bf%bd%e5%8a%a0%e6%96%b9%e6%b3%95\/","title":{"rendered":"\u753b\u50cf\u3092\u8ffd\u52a0\u3059\u308b\u65b9\u6cd5"},"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\">\u30b9\u30c6\u30c3\u30d71\u3002 [\u753b\u50cf] \u30bf\u30d6\u3092\u30af\u30ea\u30c3\u30af\u3057\u3001\u753b\u50cf\u30ae\u30e3\u30e9\u30ea\u30fc\u307e\u305f\u306f\u30c7\u30d0\u30a4\u30b9\u304b\u3089\u753b\u50cf\u3092\u8ffd\u52a0\u3057\u307e\u3059\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\">\u30b9\u30c6\u30c3\u30d72\u3002\u30a4\u30e1\u30fc\u30b8\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">\u753b\u50cf\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u306f\u305f\u304f\u3055\u3093\u3042\u308a\u307e\u3059\u3002\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">1. \u753b\u50cf\u306e\u30b5\u30a4\u30ba\u3092\u5909\u66f4\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">2. \u753b\u50cf\u306b\u88c5\u98fe\u52b9\u679c\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">3. \u70b9\u7dda\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">4. \u4e0d\u900f\u660e\u5ea6\u3092\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">5.\u6697\u3044\u5f71\u306e\u52b9\u679c\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">6. \u753b\u50cf\u306b\u7d19\u5207\u308a\u52b9\u679c\u3092\u8ffd\u52a0\u3057\u307e\u3059\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\">Step3.\u30ad\u30e3\u30f3\u30d0\u30b9\u4e0a\u306e\u753b\u50cf\u3092\u30c0\u30d6\u30eb\u30af\u30ea\u30c3\u30af\u3059\u308b\u304b\u3001\u300c\u753b\u50cf\u30a8\u30c7\u30a3\u30bf\u30fc\u300d\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u753b\u50cf\u30a8\u30c7\u30a3\u30bf\u30fc\u3092\u958b\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">\u753b\u50cf\u30a8\u30c7\u30a3\u30bf\u30fc\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u753b\u50cf\u3092\u7f8e\u5316\u304a\u3088\u3073\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u307e\u3059\u3002\u30c8\u30ea\u30df\u30f3\u30b0\u3001\u53cd\u8ee2\u3001\u30d5\u30a3\u30eb\u30bf\u30fc\u306e\u8ffd\u52a0\u306a\u3069\u3001\u753b\u50cf\u3092\u7de8\u96c6\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">*\u6ce8\u610f: JPG\u3001JPEG\u3001PNG \u5f62\u5f0f\u306e\u753b\u50cf\u306f\u3001\u753b\u50cf\u30a8\u30c7\u30a3\u30bf\u30fc\u3092\u5229\u7528\u3067\u304d\u307e\u3059\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 the image. 2. Add decoration effect to your image. 3. Add dotted line. 4. You can customize the opacity. 5. Add dark shadow effect. 6. Add paper cutting effect to your image. Step3. Double click the image on the canvas, or click &#8220;Image editor&#8221; to open the image editor. Image editor allows you to beautify &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/help.mangoanimate.com\/jp\/docs\/%e7%94%bb%e5%83%8f%e3%81%ae%e8%bf%bd%e5%8a%a0%e6%96%b9%e6%b3%95\/\"> <span class=\"screen-reader-text\">\u753b\u50cf\u3092\u8ffd\u52a0\u3059\u308b\u65b9\u6cd5<\/span> \u3082\u3063\u3068\u8aad\u3080 &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\/jp\/docs\/how-to-add-images\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\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\/jp\/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=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u5206\" \/>\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\":\"ja\",\"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\":\"ja\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@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\/jp\/docs\/how-to-add-images\/","og_locale":"ja_JP","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\/jp\/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":{"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"2\u5206"},"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":"ja","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":"ja"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"ja","@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\/jp\/wp-json\/wp\/v2\/docs\/607"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/jp\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/jp\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/jp\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/jp\/wp-json\/wp\/v2\/comments?post=607"}],"version-history":[{"count":2,"href":"https:\/\/help.mangoanimate.com\/jp\/wp-json\/wp\/v2\/docs\/607\/revisions"}],"predecessor-version":[{"id":1525,"href":"https:\/\/help.mangoanimate.com\/jp\/wp-json\/wp\/v2\/docs\/607\/revisions\/1525"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/jp\/wp-json\/wp\/v2\/media?parent=607"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/jp\/wp-json\/wp\/v2\/doc_category?post=607"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/jp\/wp-json\/wp\/v2\/doc_tag?post=607"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/jp\/wp-json\/wp\/v2\/knowledge_base?post=607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}