{"id":678,"date":"2025-03-13T13:42:07","date_gmt":"2025-03-13T20:42:07","guid":{"rendered":"https:\/\/comm.engineering.asu.edu\/pitchfork\/?p=678"},"modified":"2025-03-24T10:11:50","modified_gmt":"2025-03-24T17:11:50","slug":"8-images","status":"publish","type":"post","link":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/","title":{"rendered":"8. Images"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"image_web-ready\" style=\"padding-top:var(--wp--preset--spacing--uds-size-6)\"><span class=\"highlight-gold\">Make your image web-ready<\/span><\/h2>\n\n\n\n<p>Before you upload an image to your website make sure the image is &#8220;web-ready.&#8221;<\/p>\n\n\n\n<p>Preparing an image for the web involves optimizing it for fast loading without sacrificing too much quality.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Resize the image dimensions to <strong>no larger than 1920&#215;1080 pixels<\/strong>.<\/li>\n\n\n\n<li>Save at a reduced file size without compromising too much quality. Depending on your photo editor, that might mean\n<ul class=\"wp-block-list\">\n<li>low to medium quality<\/li>\n\n\n\n<li>40 to 60% quality.<\/li>\n\n\n\n<li>&#8220;4&#8221; or less in Photoshop. <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>The final photo should be less than 400 kb whenever possible.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"highlight-black\">Special cases: hero and people images<\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Hero images<\/h4>\n\n\n\n<p>Hero images are the large background images that are in the top-most title section of a page, just below the header. The optimal size for a large hero is 1920&#215;684 pixels. Consider images where the subject appears on the right so the text on the left doesn\u2019t interfere.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Images of people<\/h4>\n\n\n\n<p>Typically images of people should be square to fit best in most people-related blocks, like UDS Profile (Manual) or testimonial blocks.<\/p>\n\n\n\n<p>You can use photo editing tools such as <a href=\"https:\/\/www.canva.com\/photo-editor\/\">Canva<\/a> to edit the image and make it web-ready.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"upload_media_library\" style=\"padding-top:var(--wp--preset--spacing--uds-size-6)\"><span class=\"highlight-gold\">Upload directly to the media library<\/span><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Once logged in, click <strong>Media<\/strong> on the left-hand side of the dashboard, then click <strong>Media Library<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"952\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-11.10.09\u202fAM.png\" alt=\"A screenshot of WordPress page with arrows showing the position of media and media library buttons on the dashboard.\" class=\"wp-image-422\" style=\"width:576px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-11.10.09\u202fAM.png 900w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-11.10.09\u202fAM-284x300.png 284w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-11.10.09\u202fAM-768x812.png 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>2. Once you are in the Media Library, click the <strong>Add New<\/strong> button at the top of the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1006\" height=\"786\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-11.12.55\u202fAM.png\" alt=\"A screenshot of WordPress page with an arrow showing the add new media file button on the media library menu.\" class=\"wp-image-421\" style=\"width:580px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-11.12.55\u202fAM.png 1006w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-11.12.55\u202fAM-300x234.png 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-11.12.55\u202fAM-768x600.png 768w\" sizes=\"auto, (max-width: 1006px) 100vw, 1006px\" \/><\/figure>\n\n\n\n<p>3. You can either drag and drop the image files you want to upload into the designated area or click the <strong>Select Files<\/strong> button to browse your computer and select the image files you want to upload.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"333\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-11.14.06\u202fAM-e1738775196918-1024x333.png\" alt=\"\" class=\"wp-image-420\" \/><\/figure>\n\n\n\n<p>4. Once selected, the images will begin uploading automatically.<\/p>\n\n\n\n<p>5. After the image has finished uploading, you can add additional details such as title, caption, alt text, description, and more by clicking on the uploaded image in the Media Library.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"1024\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-11.22.18\u202fAM-780x1024.png\" alt=\"Screenshot of a WordPress media upload page with fields for alternative text, title, caption and description, featuring a reminder to add alt text highlighted with an arrow and red text.\" class=\"wp-image-419\" style=\"width:564px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-11.22.18\u202fAM-780x1024.png 780w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-11.22.18\u202fAM-229x300.png 229w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-11.22.18\u202fAM-768x1008.png 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-11.22.18\u202fAM-1170x1536.png 1170w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-11.22.18\u202fAM.png 1242w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/figure>\n\n\n\n<p>Note: <strong>Always be sure to add alt text!<\/strong> The alt text is required for accessibility purposes as it describes the content of the image for users who are visually impaired or when the image fails to load. Alt text is required on all image properties on higher ed websites per federal law.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"in_a_block\" style=\"padding-top:var(--wp--preset--spacing--uds-size-6);padding-bottom:0\"><span class=\"highlight-gold\">In the page itself in a block<\/span><\/h2>\n\n\n\n<p>You can add an image in the page by adding it as a block.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Inside the editor, click the <strong>+<\/strong> button (&#8220;Add block&#8221;) in the top-left corner or within the editor area.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"186\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.02.41\u202fPM-1024x186.png\" alt=\"A screenshot of WordPress page showing the add block button in the editor area.\" class=\"wp-image-428\" style=\"width:705px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.02.41\u202fPM-1024x186.png 1024w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.02.41\u202fPM-300x54.png 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.02.41\u202fPM-768x139.png 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.02.41\u202fPM-1536x279.png 1536w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.02.41\u202fPM-2048x372.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>2. In the search bar, type &#8220;Image&#8221; and select the <strong>Image<\/strong> block from the options. The Image block will appear in your content area, ready for an image upload.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"1008\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.04.20\u202fPM.png\" alt=\"Screenshot of a WordPress block editor interface showing search results for &quot;image,&quot; with icons and options for image, gallery, media &amp; text and other related blocks, marked with red arrows pointing to the &quot;Image&quot; option.\" class=\"wp-image-427\" style=\"width:425px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.04.20\u202fPM.png 980w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.04.20\u202fPM-292x300.png 292w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.04.20\u202fPM-768x790.png 768w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<p>3. Once the Image block is in place, you can add an image in three different ways:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"191\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.05.13\u202fPM-1024x191.png\" alt=\"A screenshot of WordPress page showing the image block and highlighting the three options to upload an image.\" class=\"wp-image-426\" style=\"width:1177px;height:auto\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.05.13\u202fPM-1024x191.png 1024w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.05.13\u202fPM-300x56.png 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.05.13\u202fPM-768x143.png 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.05.13\u202fPM-1536x287.png 1536w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.05.13\u202fPM-2048x382.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>a. <strong>Upload from Your Computer:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the <strong>Upload<\/strong> button.<\/li>\n\n\n\n<li>Browse your computer for the image file you want to use and click <strong>Open<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>b. <strong>Select from the Media Library:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the <strong>Media Library<\/strong> button.<\/li>\n\n\n\n<li>Choose an image you previously uploaded to your WordPress site.<\/li>\n\n\n\n<li>Click <strong>Select<\/strong> to insert the image into the block.<\/li>\n<\/ul>\n\n\n\n<p>c. <strong>Insert from a URL:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the <strong>Insert from URL<\/strong> option.<\/li>\n\n\n\n<li>Paste the direct URL of the image and press Enter.<\/li>\n<\/ul>\n\n\n\n<p>After the image has been added, you can customize the image block using Top toolbar and Block editor panel. <strong>Make sure to add the alt text.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"430\" src=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.07.50\u202fPM-1-1024x430.png\" alt=\"A screenshot of WordPress page showing the selected image block and highlighting the top toolbar and block editor panel with an arrow pointing to alternative text.\" class=\"wp-image-425\" srcset=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.07.50\u202fPM-1-1024x430.png 1024w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.07.50\u202fPM-1-300x126.png 300w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.07.50\u202fPM-1-768x322.png 768w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.07.50\u202fPM-1-1536x645.png 1536w, https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/01\/Screenshot-2025-01-23-at-2.07.50\u202fPM-1-2048x860.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-copy-divider\" \/>\n\n\n\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-b4f274ad wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-e11bbbc3 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\"><i class=\"fa-solid fa-left-long\"><\/i> Previous<\/h3>\n\n\n\n<p><a href=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/7-editing-text-on-a-page\/\">7. Editing text on a Page<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-084875ca wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Next <i class=\"fa-solid fa-right-long\"><\/i><\/h3>\n\n\n\n<p><a href=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/9-hero-blocks\/\">9. Hero blocks<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p class=\"mb-2\">Adding images is simple in Pitchfork. Get tips for using the Image Block, making images accessible and ensuring they are optimized for the web.<\/p>\n","protected":false},"author":5,"featured_media":810,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[16],"tags":[],"class_list":["post-678","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>8. Images - Pitchfork Theme for WordPress<\/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:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"8. Images - Pitchfork Theme for WordPress\" \/>\n<meta property=\"og:description\" content=\"Adding images is simple in Pitchfork. Get tips for using the Image Block, making images accessible and ensuring they are optimized for the web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/\" \/>\n<meta property=\"og:site_name\" content=\"Pitchfork Theme for WordPress\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-13T20:42:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-24T17:11:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_8.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kristin Gasser\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_8.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kristin Gasser\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/8-images\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/8-images\\\/\"},\"author\":{\"name\":\"Kristin Gasser\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/#\\\/schema\\\/person\\\/860a71c1e8d59103fbf39181b9dc1626\"},\"headline\":\"8. Images\",\"datePublished\":\"2025-03-13T20:42:07+00:00\",\"dateModified\":\"2025-03-24T17:11:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/8-images\\\/\"},\"wordCount\":540,\"image\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/8-images\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/79\\\/2025\\\/03\\\/PF-Tutorial-Feature-Image_8.1.jpg\",\"articleSection\":[\"Tutorials\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/8-images\\\/\",\"url\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/8-images\\\/\",\"name\":\"8. Images - Pitchfork Theme for WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/8-images\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/8-images\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/79\\\/2025\\\/03\\\/PF-Tutorial-Feature-Image_8.1.jpg\",\"datePublished\":\"2025-03-13T20:42:07+00:00\",\"dateModified\":\"2025-03-24T17:11:50+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/#\\\/schema\\\/person\\\/860a71c1e8d59103fbf39181b9dc1626\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/8-images\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/8-images\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/8-images\\\/#primaryimage\",\"url\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/79\\\/2025\\\/03\\\/PF-Tutorial-Feature-Image_8.1.jpg\",\"contentUrl\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/wp-content\\\/uploads\\\/sites\\\/79\\\/2025\\\/03\\\/PF-Tutorial-Feature-Image_8.1.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"Featured image for Pitchfork Tutorial No. 8: Images.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/2025\\\/03\\\/8-images\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"8. Images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/#website\",\"url\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/\",\"name\":\"Pitchfork Theme for WordPress\",\"description\":\"an ASU Engineering theme for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/#\\\/schema\\\/person\\\/860a71c1e8d59103fbf39181b9dc1626\",\"name\":\"Kristin Gasser\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8009ed8222bd96e32afa3d1bc47ec2ab359bedcda2d19602667902f6bb0232e2?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8009ed8222bd96e32afa3d1bc47ec2ab359bedcda2d19602667902f6bb0232e2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/8009ed8222bd96e32afa3d1bc47ec2ab359bedcda2d19602667902f6bb0232e2?s=96&d=mm&r=g\",\"caption\":\"Kristin Gasser\"},\"url\":\"https:\\\/\\\/comm.engineering.asu.edu\\\/pitchfork\\\/author\\\/bergeson\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"8. Images - Pitchfork Theme for WordPress","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:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/","og_locale":"en_US","og_type":"article","og_title":"8. Images - Pitchfork Theme for WordPress","og_description":"Adding images is simple in Pitchfork. Get tips for using the Image Block, making images accessible and ensuring they are optimized for the web.","og_url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/","og_site_name":"Pitchfork Theme for WordPress","article_published_time":"2025-03-13T20:42:07+00:00","article_modified_time":"2025-03-24T17:11:50+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_8.jpg","type":"image\/jpeg"}],"author":"Kristin Gasser","twitter_card":"summary_large_image","twitter_image":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_8.jpg","twitter_misc":{"Written by":"Kristin Gasser","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/#article","isPartOf":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/"},"author":{"name":"Kristin Gasser","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/#\/schema\/person\/860a71c1e8d59103fbf39181b9dc1626"},"headline":"8. Images","datePublished":"2025-03-13T20:42:07+00:00","dateModified":"2025-03-24T17:11:50+00:00","mainEntityOfPage":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/"},"wordCount":540,"image":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/#primaryimage"},"thumbnailUrl":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_8.1.jpg","articleSection":["Tutorials"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/","url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/","name":"8. Images - Pitchfork Theme for WordPress","isPartOf":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/#website"},"primaryImageOfPage":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/#primaryimage"},"image":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/#primaryimage"},"thumbnailUrl":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_8.1.jpg","datePublished":"2025-03-13T20:42:07+00:00","dateModified":"2025-03-24T17:11:50+00:00","author":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/#\/schema\/person\/860a71c1e8d59103fbf39181b9dc1626"},"breadcrumb":{"@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/#primaryimage","url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_8.1.jpg","contentUrl":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-content\/uploads\/sites\/79\/2025\/03\/PF-Tutorial-Feature-Image_8.1.jpg","width":1920,"height":1080,"caption":"Featured image for Pitchfork Tutorial No. 8: Images."},{"@type":"BreadcrumbList","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/2025\/03\/8-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/comm.engineering.asu.edu\/pitchfork\/"},{"@type":"ListItem","position":2,"name":"8. Images"}]},{"@type":"WebSite","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/#website","url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/","name":"Pitchfork Theme for WordPress","description":"an ASU Engineering theme for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/comm.engineering.asu.edu\/pitchfork\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/comm.engineering.asu.edu\/pitchfork\/#\/schema\/person\/860a71c1e8d59103fbf39181b9dc1626","name":"Kristin Gasser","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/8009ed8222bd96e32afa3d1bc47ec2ab359bedcda2d19602667902f6bb0232e2?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8009ed8222bd96e32afa3d1bc47ec2ab359bedcda2d19602667902f6bb0232e2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8009ed8222bd96e32afa3d1bc47ec2ab359bedcda2d19602667902f6bb0232e2?s=96&d=mm&r=g","caption":"Kristin Gasser"},"url":"https:\/\/comm.engineering.asu.edu\/pitchfork\/author\/bergeson\/"}]}},"_links":{"self":[{"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/posts\/678","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/comments?post=678"}],"version-history":[{"count":0,"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/posts\/678\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/media\/810"}],"wp:attachment":[{"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/media?parent=678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/categories?post=678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/comm.engineering.asu.edu\/pitchfork\/wp-json\/wp\/v2\/tags?post=678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}