{"id":65,"date":"2020-07-09T16:17:32","date_gmt":"2020-07-09T14:17:32","guid":{"rendered":"https:\/\/hoyre.no\/dokumentasjon\/?post_type=teft-wiki&#038;p=65"},"modified":"2020-11-25T14:21:54","modified_gmt":"2020-11-25T13:21:54","slug":"image","status":"publish","type":"teft-wiki","link":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/image\/","title":{"rendered":"Image"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The image block is for displaying an image to either enrich or break up content.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Options<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The image comes in four sizes; full width, wide, narrow and aligned. It also has an optional field for image text.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The image is selected from the media library or uploaded, it&#8217;s important that the image has an &laquo;alternative&raquo;-text, this is to support visually impaired users and should describe what&#8217;s in the image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Make sure that the image you are using is large enough for the size you have picked. a full width image should be at least 1920px wide, a wide image should be at least 1200px wide and a narrow or aligned image should be at least 700px wide.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The image will keep the dimensions that the uploaded file had, so an image uploaded in portrait mode will stay in portrait mode etc. If there is a need for images to look the same they must be uploaded with the same dimensions or be cropped from cloudinary in the same dimensions. The examples below are 16:9<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If aligning the image to text you might need to resize the image to fit, there should be a blue drag-resizer on the side of the image.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Examples<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"672\" height=\"400\" src=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13.png\" alt=\"\" class=\"wp-image-63\" srcset=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13.png 672w, https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13-300x179.png 300w\" sizes=\"auto, (max-width: 672px) 100vw, 672px\" \/><figcaption>Narrow width<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"672\" height=\"400\" src=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13.png\" alt=\"\" class=\"wp-image-63\" srcset=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13.png 672w, https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13-300x179.png 300w\" sizes=\"auto, (max-width: 672px) 100vw, 672px\" \/><figcaption>Wide width \/ bred bredde<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image alignfull size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"672\" height=\"400\" src=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13.png\" alt=\"\" class=\"wp-image-63\" srcset=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13.png 672w, https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13-300x179.png 300w\" sizes=\"auto, (max-width: 672px) 100vw, 672px\" \/><figcaption>Wide width \/ full bredde<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13.png\" alt=\"\" class=\"wp-image-63\" width=\"-70\" height=\"-42\" srcset=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13.png 672w, https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13-300x179.png 300w\" sizes=\"(max-width: 672px) 100vw, 672px\" \/><figcaption>The aligned image might need to be resized to fit with the text. There is a drag-resizer on the side of the image.<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tincidunt nibh sapien, nullam integer proin velit et. Mattis montes, ante viverra diam auctor amet, imperdiet aliquam. Vitae justo ac nullam vitae. Tellus pellentesque placerat volutpat scelerisque. Accumsan, arcu amet cursus magnis risus. Volutpat mattis nibh et aliquam. Sagittis duis nullam sagittis tincidunt ut non integer odio tempus. Sit habitasse morbi eget metus vitae ultricies rhoncus. Euismod netus in integer metus mattis. Tellus dui at lectus tellus lorem suscipit vitae. Pulvinar condimentum commodo<\/p>\n","protected":false},"parent":0,"menu_order":0,"template":"","meta":{"teft_cards_image_url":"","teft_cards_custom_pretitle":"","teft_cards_image_id":0,"teft_cards_image_focal_point_x":0,"teft_cards_image_focal_point_y":0,"teft_cards_title":"","teft_cards_excerpt":"","teft_show_chapters":false,"footnotes":""},"teft-wiki-topic":[2],"teft-wiki-audience":[],"class_list":["post-65","teft-wiki","type-teft-wiki","status-publish","hentry","teft-wiki-topic-block"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Image - Dokumentasjon<\/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=\"nb_NO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image - Dokumentasjon\" \/>\n<meta property=\"og:description\" content=\"The image block is for displaying an image to either enrich or break up content. Options The image comes in [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hoyre.no\/dokumentasjon\/wiki\/image\/\" \/>\n<meta property=\"og:site_name\" content=\"Dokumentasjon\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-25T13:21:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ansl. lesetid\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/wiki\\\/image\\\/\",\"url\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/wiki\\\/image\\\/\",\"name\":\"Image - Dokumentasjon\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/#website\"},\"image\":{\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/wiki\\\/image\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hoyre.no\\\/content\\\/uploads\\\/sites\\\/2\\\/2020\\\/07\\\/image-13.png\",\"datePublished\":\"2020-07-09T14:17:32+00:00\",\"dateModified\":\"2020-11-25T13:21:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/wiki\\\/image\\\/#breadcrumb\"},\"inLanguage\":\"nb-NO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/wiki\\\/image\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nb-NO\",\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/wiki\\\/image\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hoyre.no\\\/content\\\/uploads\\\/sites\\\/2\\\/2020\\\/07\\\/image-13.png\",\"contentUrl\":\"https:\\\/\\\/hoyre.no\\\/content\\\/uploads\\\/sites\\\/2\\\/2020\\\/07\\\/image-13.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/wiki\\\/image\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Til hoyre.no\",\"item\":\"https:\\\/\\\/hoyre.no\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Blocks\",\"item\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/wiki-topic\\\/block\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Image\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/#website\",\"url\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/\",\"name\":\"Dokumentasjon\",\"description\":\"Bare enda et H\u00f8yres nettsteder-nettsted\",\"publisher\":{\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/#organization\"},\"inLanguage\":\"nb-NO\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/#organization\",\"name\":\"Dokumentasjon\",\"url\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nb-NO\",\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hoyre.no\\\/content\\\/uploads\\\/sites\\\/2\\\/2020\\\/07\\\/dokumentasjon-logo.svg\",\"contentUrl\":\"https:\\\/\\\/hoyre.no\\\/content\\\/uploads\\\/sites\\\/2\\\/2020\\\/07\\\/dokumentasjon-logo.svg\",\"width\":821,\"height\":216,\"caption\":\"Dokumentasjon\"},\"image\":{\"@id\":\"https:\\\/\\\/hoyre.no\\\/dokumentasjon\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Image - Dokumentasjon","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":"nb_NO","og_type":"article","og_title":"Image - Dokumentasjon","og_description":"The image block is for displaying an image to either enrich or break up content. Options The image comes in [&hellip;]","og_url":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/image\/","og_site_name":"Dokumentasjon","article_modified_time":"2020-11-25T13:21:54+00:00","og_image":[{"url":"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Ansl. lesetid":"2 minutter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/image\/","url":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/image\/","name":"Image - Dokumentasjon","isPartOf":{"@id":"https:\/\/hoyre.no\/dokumentasjon\/#website"},"image":{"@id":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/image\/#primaryimage"},"thumbnailUrl":"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13.png","datePublished":"2020-07-09T14:17:32+00:00","dateModified":"2020-11-25T13:21:54+00:00","breadcrumb":{"@id":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/image\/#breadcrumb"},"inLanguage":"nb-NO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hoyre.no\/dokumentasjon\/wiki\/image\/"]}]},{"@type":"ImageObject","inLanguage":"nb-NO","@id":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/image\/#primaryimage","url":"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13.png","contentUrl":"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/image-13.png"},{"@type":"BreadcrumbList","@id":"https:\/\/hoyre.no\/dokumentasjon\/wiki\/image\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Til hoyre.no","item":"https:\/\/hoyre.no"},{"@type":"ListItem","position":2,"name":"Home","item":"https:\/\/hoyre.no\/dokumentasjon\/"},{"@type":"ListItem","position":3,"name":"Blocks","item":"https:\/\/hoyre.no\/dokumentasjon\/wiki-topic\/block\/"},{"@type":"ListItem","position":4,"name":"Image"}]},{"@type":"WebSite","@id":"https:\/\/hoyre.no\/dokumentasjon\/#website","url":"https:\/\/hoyre.no\/dokumentasjon\/","name":"Dokumentasjon","description":"Bare enda et H\u00f8yres nettsteder-nettsted","publisher":{"@id":"https:\/\/hoyre.no\/dokumentasjon\/#organization"},"inLanguage":"nb-NO"},{"@type":"Organization","@id":"https:\/\/hoyre.no\/dokumentasjon\/#organization","name":"Dokumentasjon","url":"https:\/\/hoyre.no\/dokumentasjon\/","logo":{"@type":"ImageObject","inLanguage":"nb-NO","@id":"https:\/\/hoyre.no\/dokumentasjon\/#\/schema\/logo\/image\/","url":"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/dokumentasjon-logo.svg","contentUrl":"https:\/\/hoyre.no\/content\/uploads\/sites\/2\/2020\/07\/dokumentasjon-logo.svg","width":821,"height":216,"caption":"Dokumentasjon"},"image":{"@id":"https:\/\/hoyre.no\/dokumentasjon\/#\/schema\/logo\/image\/"}}]}},"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Dokumentasjon","distributor_original_site_url":"https:\/\/hoyre.no\/dokumentasjon","push-errors":false,"_links":{"self":[{"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki"}],"about":[{"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/types\/teft-wiki"}],"version-history":[{"count":5,"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki\/65\/revisions"}],"predecessor-version":[{"id":173,"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki\/65\/revisions\/173"}],"wp:attachment":[{"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/media?parent=65"}],"wp:term":[{"taxonomy":"teft-wiki-topic","embeddable":true,"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki-topic?post=65"},{"taxonomy":"teft-wiki-audience","embeddable":true,"href":"https:\/\/hoyre.no\/dokumentasjon\/wp-json\/wp\/v2\/teft-wiki-audience?post=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}