{"id":4876,"date":"2015-03-30T09:36:16","date_gmt":"2015-03-30T13:36:16","guid":{"rendered":"https:\/\/extension.umaine.edu\/plugged-in\/?page_id=4876"},"modified":"2026-03-18T14:17:26","modified_gmt":"2026-03-18T18:17:26","slug":"prepare-images-for-web","status":"publish","type":"page","link":"https:\/\/extension.umaine.edu\/plugged-in\/technology-marketing-communications\/web\/tips-for-web-managers\/prepare-images-for-web\/","title":{"rendered":"How to prepare images for the web"},"content":{"rendered":"<style>.kb-row-layout-id4876_1b0b15-d2 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4876_1b0b15-d2 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4876_1b0b15-d2 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:1100px;margin-left:auto;margin-right:auto;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4876_1b0b15-d2{background-image:linear-gradient(135deg,rgb(8,46,88) 0%,rgb(65,118,161) 99%);}.kb-row-layout-id4876_1b0b15-d2 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4876_1b0b15-d2 > .kt-row-column-wrap{padding-right:50px;padding-left:50px;grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4876_1b0b15-d2 > .kt-row-column-wrap{padding-top:50px;padding-right:25px;padding-bottom:50px;padding-left:25px;grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4876_1b0b15-d2 alignfull kt-row-has-bg um-UMBlueHorizonsDarkBlueTextBox wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column4876_90b5dc-91 > .kt-inside-inner-col,.kadence-column4876_90b5dc-91 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4876_90b5dc-91 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4876_90b5dc-91 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4876_90b5dc-91 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4876_90b5dc-91 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4876_90b5dc-91{position:relative;}@media all and (max-width: 1024px){.kadence-column4876_90b5dc-91 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4876_90b5dc-91 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4876_90b5dc-91\"><div class=\"kt-inside-inner-col\"><style>.kb-row-layout-id4876_e2624a-d6 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id4876_e2624a-d6 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id4876_e2624a-d6 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:15px;padding-right:30px;padding-bottom:15px;padding-left:30px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id4876_e2624a-d6 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id4876_e2624a-d6 > .kt-row-column-wrap{padding-top:35px;padding-right:35px;padding-bottom:60px;padding-left:35px;grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id4876_e2624a-d6 > .kt-row-column-wrap{padding-bottom:35px;grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id4876_e2624a-d6 alignnone has-white-background-color kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column4876_a69f25-27 > .kt-inside-inner-col,.kadence-column4876_a69f25-27 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column4876_a69f25-27 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column4876_a69f25-27 > .kt-inside-inner-col{flex-direction:column;}.kadence-column4876_a69f25-27 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column4876_a69f25-27 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column4876_a69f25-27{position:relative;}@media all and (max-width: 1024px){.kadence-column4876_a69f25-27 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column4876_a69f25-27 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column4876_a69f25-27\"><div class=\"kt-inside-inner-col\">\n<h2 class=\"wp-block-heading\"><strong>How to prepare images for the web<\/strong><\/h2>\n\n\n\n<p><strong>Why it\u2019s useful:<\/strong> Optimizing images for the web improves download times for users and saves server space. UMaine requires all images to be 3M or less before uploading to our web server.<\/p>\n<h3><strong>On a Mac<\/strong><\/h3>\n<p><strong>What you\u2019ll need:<\/strong> Preview (free program for the Mac)<\/p>\n<p><strong>Instructions:<\/strong><\/p>\n<ol>\n<li>Launch Preview, then File\/Open an image<\/li>\n<li>Duplicate the image (work on the copy to keep the original unchanged)<\/li>\n<li>Tools\/Adjust Size<\/li>\n<li>Resolution: 72 (bigger is not better)<br \/>\nWidth (pixels): = 1000<br \/>\nResulting size: &lt;1M<\/li>\n<li>File\/Save: Rename, save to desktop or folder; format = jpg; quality = best<\/li>\n<\/ol>\n<h3><strong>On a PC<\/strong><\/h3>\n<p><strong>What you&#8217;ll need:<\/strong> a built-in PC program<\/p>\n<p><strong>Instructions:<\/strong><\/p>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 50%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-4876 gallery-columns-2 gallery-size-large'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-1-opt.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"529\" src=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-1-opt.jpg\" class=\"attachment-large size-large\" alt=\"Screenshot showing Step 1\" aria-describedby=\"gallery-1-14665\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-1-opt.jpg 1000w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-1-opt-300x159.jpg 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-1-opt-768x406.jpg 768w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-1-opt-105x56.jpg 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-1-opt-317x168.jpg 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-1-opt-423x224.jpg 423w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-1-opt-634x335.jpg 634w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-1-opt-846x448.jpg 846w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-1-opt-951x503.jpg 951w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1000px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-14665'>\n\t\t\t\tStep 1.\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-2-opt.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"531\" src=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-2-opt.jpg\" class=\"attachment-large size-large\" alt=\"Screenshot showing Step 2\" aria-describedby=\"gallery-1-14663\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-2-opt.jpg 1000w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-2-opt-300x159.jpg 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-2-opt-768x408.jpg 768w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-2-opt-105x56.jpg 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-2-opt-317x168.jpg 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-2-opt-423x225.jpg 423w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-2-opt-634x337.jpg 634w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-2-opt-846x449.jpg 846w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-2-opt-951x505.jpg 951w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1000px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-14663'>\n\t\t\t\tStep 2.\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-4-opt.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"502\" src=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-4-opt.jpg\" class=\"attachment-large size-large\" alt=\"Screenshot showing Step 4\" aria-describedby=\"gallery-1-14664\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-4-opt.jpg 1000w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-4-opt-300x151.jpg 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-4-opt-768x386.jpg 768w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-4-opt-105x53.jpg 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-4-opt-317x159.jpg 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-4-opt-423x212.jpg 423w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-4-opt-634x318.jpg 634w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-4-opt-846x425.jpg 846w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-4-opt-951x477.jpg 951w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1000px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-14664'>\n\t\t\t\tStep 3.\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-3-opt.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"531\" src=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-3-opt.jpg\" class=\"attachment-large size-large\" alt=\"Screenshot showing step 3\" aria-describedby=\"gallery-1-14662\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-3-opt.jpg 1000w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-3-opt-300x159.jpg 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-3-opt-768x408.jpg 768w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-3-opt-105x56.jpg 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-3-opt-317x168.jpg 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-3-opt-423x225.jpg 423w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-3-opt-634x337.jpg 634w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-3-opt-846x449.jpg 846w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2021\/06\/Step-3-opt-951x505.jpg 951w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1000px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-14662'>\n\t\t\t\tStep 4.\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<h3><strong>Free online image compressors<\/strong><\/h3>\n<ul>\n<li><a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">TinyPNG<\/a><\/li>\n<li><a href=\"https:\/\/compressor.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Compressor.io<\/a><\/li>\n<\/ul>\n<h3><strong>Additional Resources<\/strong><\/h3>\n<ul>\n<li><a href=\"https:\/\/extension.umaine.edu\/plugged-in\/forms-templates-tools\/tools\/clip-art-photos\/\">Photo Sources<\/a><\/li>\n<li><a href=\"https:\/\/extension.umaine.edu\/plugged-in\/forms-templates-tools\/tools\/copyright-safe-checklist\/\">\u201cCopyright-Safe\u201d Checklist<\/a><\/li>\n<li><a title=\"Photo Release Forms\" href=\"https:\/\/extension.umaine.edu\/plugged-in\/technology-marketing-communications\/marketing\/release-photo-etc-forms\/\">Release Forms<\/a><\/li>\n<li><a title=\"Permission Requests form letter\" href=\"https:\/\/extension.umaine.edu\/plugged-in\/forms-templates-tools\/forms\/permission-requests-form-letter\/\">Permission to Use form letter<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n\n<\/div><\/div><\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>How to prepare images for the web Why it\u2019s useful: Optimizing images for the web improves download times for users and saves server space. UMaine requires all images to be 3M or less before uploading to our web server. On a Mac What you\u2019ll need: Preview (free program for the Mac) Instructions: Launch Preview, then [&hellip;]<\/p>\n","protected":false},"author":138,"featured_media":0,"parent":7741,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"templates\/page-withsidebar.php","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-4876","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Amanda Miles","author_link":"https:\/\/extension.umaine.edu\/plugged-in\/author\/amiles\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/4876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/comments?post=4876"}],"version-history":[{"count":10,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/4876\/revisions"}],"predecessor-version":[{"id":21975,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/4876\/revisions\/21975"}],"up":[{"embeddable":true,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/7741"}],"wp:attachment":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/media?parent=4876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}