{"id":134,"date":"2021-11-08T09:52:58","date_gmt":"2021-11-08T09:52:58","guid":{"rendered":"https:\/\/flayaz.co.zw\/?p=134"},"modified":"2021-11-08T09:54:40","modified_gmt":"2021-11-08T09:54:40","slug":"working-with-images","status":"publish","type":"post","link":"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/","title":{"rendered":"Working with Images"},"content":{"rendered":"<p>Images are more than a thousand words. That is why we created intuitive ways of handling them.<\/p>\n<h2>Contain &amp; Cover<\/h2>\n<p>You can insert an image or fill a shape with a picture. When you insert an image it stretches to its full size, that is, if an image has a width of 10 and its container has 20, the image will fill up its size of 10 and leave the extra 10 space. By doing this the image is said to be <b>contained<\/b>.<\/p>\n<p>While this can work in most events you may want to fill the shape with the entire image.<\/p>\n<p>When the image covers the entire shape you can adjust its position, i.e you can set it show its different positions such as left, right, centre etc<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-136\" src=\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background.png\" alt=\"\" width=\"746\" height=\"600\" srcset=\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background.png 746w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background-300x241.png 300w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background-600x483.png 600w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background-400x322.png 400w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background-200x161.png 200w\" sizes=\"auto, (max-width: 746px) 100vw, 746px\" \/><\/p>\n<h2>Patterns<\/h2>\n<p>When an image is contained you can repeat it by clicking the pattern button.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Images are more than a thousand words. That is why we created intuitive ways of handling them. Contain &amp; Cover You can insert an image or fill a shape with a picture. When you insert an image it stretches to its full size, that is, if an image has a width of 10 and its [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44],"tags":[],"class_list":["post-134","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Working with Images | Flayaz<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Working with Images | Flayaz\" \/>\n<meta property=\"og:description\" content=\"Images are more than a thousand words. That is why we created intuitive ways of handling them. Contain &amp; Cover You can insert an image or fill a shape with a picture. When you insert an image it stretches to its full size, that is, if an image has a width of 10 and its [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/\" \/>\n<meta property=\"og:site_name\" content=\"Flayaz\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/flayaz\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-08T09:52:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-08T09:54:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background.png\" \/>\n<meta name=\"author\" content=\"Denver Kunaka\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Denver Kunaka\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/\"},\"author\":{\"name\":\"Denver Kunaka\",\"@id\":\"https:\/\/flayaz.co.zw\/#\/schema\/person\/996acdf1f0b7489fec924bd9d56a9a28\"},\"headline\":\"Working with Images\",\"datePublished\":\"2021-11-08T09:52:58+00:00\",\"dateModified\":\"2021-11-08T09:54:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/\"},\"wordCount\":143,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/flayaz.co.zw\/#organization\"},\"image\":{\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background.png\",\"articleSection\":[\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/\",\"url\":\"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/\",\"name\":\"Working with Images | Flayaz\",\"isPartOf\":{\"@id\":\"https:\/\/flayaz.co.zw\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background.png\",\"datePublished\":\"2021-11-08T09:52:58+00:00\",\"dateModified\":\"2021-11-08T09:54:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#primaryimage\",\"url\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background.png\",\"contentUrl\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background.png\",\"width\":746,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/flayaz.co.zw\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorials\",\"item\":\"https:\/\/flayaz.co.zw\/category\/tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Working with Images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/flayaz.co.zw\/#website\",\"url\":\"https:\/\/flayaz.co.zw\/\",\"name\":\"Flayaz\",\"description\":\"Flyer &amp; Poster Making\",\"publisher\":{\"@id\":\"https:\/\/flayaz.co.zw\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/flayaz.co.zw\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/flayaz.co.zw\/#organization\",\"name\":\"Flayaz\",\"url\":\"https:\/\/flayaz.co.zw\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/flayaz.co.zw\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/logo.png\",\"contentUrl\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/logo.png\",\"width\":260,\"height\":104,\"caption\":\"Flayaz\"},\"image\":{\"@id\":\"https:\/\/flayaz.co.zw\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/flayaz\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/flayaz.co.zw\/#\/schema\/person\/996acdf1f0b7489fec924bd9d56a9a28\",\"name\":\"Denver Kunaka\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/flayaz.co.zw\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/nsl_avatars\/d344d83d53395f381a8cfbd9e318d0c3.jpg\",\"contentUrl\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/nsl_avatars\/d344d83d53395f381a8cfbd9e318d0c3.jpg\",\"caption\":\"Denver Kunaka\"},\"sameAs\":[\"https:\/\/flayaz.co.zw\"],\"url\":\"https:\/\/flayaz.co.zw\/author\/denver\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Working with Images | Flayaz","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:\/\/flayaz.co.zw\/tutorials\/working-with-images\/","og_locale":"en_US","og_type":"article","og_title":"Working with Images | Flayaz","og_description":"Images are more than a thousand words. That is why we created intuitive ways of handling them. Contain &amp; Cover You can insert an image or fill a shape with a picture. When you insert an image it stretches to its full size, that is, if an image has a width of 10 and its [&hellip;]","og_url":"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/","og_site_name":"Flayaz","article_publisher":"https:\/\/facebook.com\/flayaz","article_published_time":"2021-11-08T09:52:58+00:00","article_modified_time":"2021-11-08T09:54:40+00:00","og_image":[{"url":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background.png"}],"author":"Denver Kunaka","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Denver Kunaka","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#article","isPartOf":{"@id":"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/"},"author":{"name":"Denver Kunaka","@id":"https:\/\/flayaz.co.zw\/#\/schema\/person\/996acdf1f0b7489fec924bd9d56a9a28"},"headline":"Working with Images","datePublished":"2021-11-08T09:52:58+00:00","dateModified":"2021-11-08T09:54:40+00:00","mainEntityOfPage":{"@id":"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/"},"wordCount":143,"commentCount":0,"publisher":{"@id":"https:\/\/flayaz.co.zw\/#organization"},"image":{"@id":"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#primaryimage"},"thumbnailUrl":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background.png","articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/","url":"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/","name":"Working with Images | Flayaz","isPartOf":{"@id":"https:\/\/flayaz.co.zw\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#primaryimage"},"image":{"@id":"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#primaryimage"},"thumbnailUrl":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background.png","datePublished":"2021-11-08T09:52:58+00:00","dateModified":"2021-11-08T09:54:40+00:00","breadcrumb":{"@id":"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#primaryimage","url":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background.png","contentUrl":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/background.png","width":746,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/flayaz.co.zw\/tutorials\/working-with-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flayaz.co.zw\/"},{"@type":"ListItem","position":2,"name":"Tutorials","item":"https:\/\/flayaz.co.zw\/category\/tutorials\/"},{"@type":"ListItem","position":3,"name":"Working with Images"}]},{"@type":"WebSite","@id":"https:\/\/flayaz.co.zw\/#website","url":"https:\/\/flayaz.co.zw\/","name":"Flayaz","description":"Flyer &amp; Poster Making","publisher":{"@id":"https:\/\/flayaz.co.zw\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flayaz.co.zw\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/flayaz.co.zw\/#organization","name":"Flayaz","url":"https:\/\/flayaz.co.zw\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flayaz.co.zw\/#\/schema\/logo\/image\/","url":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/logo.png","contentUrl":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/logo.png","width":260,"height":104,"caption":"Flayaz"},"image":{"@id":"https:\/\/flayaz.co.zw\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/flayaz"]},{"@type":"Person","@id":"https:\/\/flayaz.co.zw\/#\/schema\/person\/996acdf1f0b7489fec924bd9d56a9a28","name":"Denver Kunaka","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flayaz.co.zw\/#\/schema\/person\/image\/","url":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/nsl_avatars\/d344d83d53395f381a8cfbd9e318d0c3.jpg","contentUrl":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/nsl_avatars\/d344d83d53395f381a8cfbd9e318d0c3.jpg","caption":"Denver Kunaka"},"sameAs":["https:\/\/flayaz.co.zw"],"url":"https:\/\/flayaz.co.zw\/author\/denver\/"}]}},"_links":{"self":[{"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/posts\/134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/comments?post=134"}],"version-history":[{"count":3,"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/posts\/134\/revisions"}],"predecessor-version":[{"id":138,"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/posts\/134\/revisions\/138"}],"wp:attachment":[{"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/media?parent=134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/categories?post=134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/tags?post=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}