{"id":2235,"date":"2026-10-09T18:50:03","date_gmt":"2026-10-09T18:50:03","guid":{"rendered":"https:\/\/palette.ecuad.ca\/support\/?p=2235"},"modified":"2026-10-20T21:30:15","modified_gmt":"2026-10-20T21:30:15","slug":"compressing-images-for-web","status":"publish","type":"post","link":"https:\/\/palette.ecuad.ca\/support\/compressing-images-for-web\/","title":{"rendered":"Compressing images for web"},"content":{"rendered":"\n<p class=\"guide-summary wp-block-paragraph\"><strong>In short:<\/strong> Before you upload an image to WordPress or Moodle, resize it so the long side is 1600px, save it as a JPEG, and aim for under 300 KB. <a href=\"https:\/\/squoosh.app\">Squoosh<\/a> does all three in your browser, for free.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why shrink your images?<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A phone photo is 4000\u20138000px wide and 3\u201325 MB, but displays online at about 1200px. Shrunk properly, it\u2019s 10\u201320\u00d7 smaller, loads faster and looks the same on screen.<\/li>\n\n\n\n<li>Uploads over 5 MB are rejected. To share full-resolution images, put them in a OneDrive folder and share the link.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Target sizes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Not sure which? Use 1600px as your max length for the long edge.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>What you\u2019re adding<\/th><th>Long side<\/th><th>Aim for<\/th><\/tr><\/thead><tbody><tr><td>Full-width or banner image<\/td><td>2000px<\/td><td>under 500 KB<\/td><\/tr><tr><td>Image in a post, page or gallery<\/td><td>1600px<\/td><td>under 300 KB<\/td><\/tr><tr><td>Featured image or card thumbnail<\/td><td>1200px<\/td><td>under 200 KB<\/td><\/tr><tr><td>Profile photo or headshot<\/td><td>800\u00d7800px<\/td><td>under 150 KB<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to Squoosh<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Squoosh is a web app and doesn\u2019t require installation. It\u2019s free, runs in any browser on any device, and keeps your files private: your image never leaves your device.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <a href=\"https:\/\/squoosh.app\/\">squoosh.app<\/a>.<\/li>\n\n\n\n<li>Tap or click to select your image, or drag it onto the page.<\/li>\n\n\n\n<li>In the settings panel, turn on <strong>Resize<\/strong>.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>On a desktop or laptop, it\u2019s in the bottom-right corner:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"496\" height=\"689\" src=\"\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/squoosh-resize-toggle-desktop.webp\" alt=\"Squoosh on a desktop browser: the Resize toggle highlighted at the top of the Edit panel in the bottom-right corner\" class=\"wp-image-2242\" style=\"width:240px;height:auto\" srcset=\"https:\/\/palette.ecuad.ca\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/squoosh-resize-toggle-desktop.webp 496w, https:\/\/palette.ecuad.ca\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/squoosh-resize-toggle-desktop-216x300.webp 216w\" sizes=\"auto, (max-width: 496px) 100vw, 496px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>On a phone or tablet, tap the bar at the bottom of the screen to open it:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"493\" height=\"725\" src=\"\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/squoosh-open-panel-mobile.webp\" alt=\"Squoosh on a phone: the compressed-file bar at the bottom of the screen highlighted, tap it to open the settings panel\" class=\"wp-image-2243\" style=\"width:240px;height:auto\" srcset=\"https:\/\/palette.ecuad.ca\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/squoosh-open-panel-mobile.webp 493w, https:\/\/palette.ecuad.ca\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/squoosh-open-panel-mobile-204x300.webp 204w\" sizes=\"auto, (max-width: 493px) 100vw, 493px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"543\" height=\"727\" src=\"\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/squoosh-resize-toggle-mobile.webp\" alt=\"Squoosh on a phone: the Resize toggle highlighted at the top of the Edit panel\" class=\"wp-image-2244\" style=\"width:240px;height:auto\" srcset=\"https:\/\/palette.ecuad.ca\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/squoosh-resize-toggle-mobile.webp 543w, https:\/\/palette.ecuad.ca\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/squoosh-resize-toggle-mobile-224x300.webp 224w\" sizes=\"auto, (max-width: 543px) 100vw, 543px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Set the longest edge to your target from the Target sizes table. The other edge (height or width) adjusts automatically.<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"516\" height=\"847\" src=\"\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/squoosh-resize-dimensions-desktop.webp\" alt=\"Squoosh on a desktop browser: the Width and Height fields highlighted under Resize\" class=\"wp-image-2245\" style=\"width:240px;height:auto\" srcset=\"https:\/\/palette.ecuad.ca\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/squoosh-resize-dimensions-desktop.webp 516w, https:\/\/palette.ecuad.ca\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/squoosh-resize-dimensions-desktop-183x300.webp 183w\" sizes=\"auto, (max-width: 516px) 100vw, 516px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"359\" height=\"832\" src=\"\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/squoosh-resize-dimensions-mobile.webp\" alt=\"Squoosh on a phone: the Width and Height fields highlighted under Resize\" class=\"wp-image-2246\" style=\"width:170px;height:auto\" srcset=\"https:\/\/palette.ecuad.ca\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/squoosh-resize-dimensions-mobile.webp 359w, https:\/\/palette.ecuad.ca\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/squoosh-resize-dimensions-mobile-129x300.webp 129w\" sizes=\"auto, (max-width: 359px) 100vw, 359px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Under <strong>Compress<\/strong>, leave it on MozJPEG and leave the quality at 75.<\/li>\n\n\n\n<li>Check the file size shown on the download button. It should be under your target.<\/li>\n\n\n\n<li>Tap <strong>Download<\/strong>, then upload that file to WordPress.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong> drag the slider in the middle of the preview to compare the original (left) with the compressed version (right). If you can\u2019t see a difference at 100% view, you\u2019re done.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Good to know<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Video or audio? Don\u2019t upload it to WordPress. Use <a href=\"https:\/\/palette.ecuad.ca\/support\/2025\/02\/05\/embedding-video-iframes\/\">Kaltura and embed it<\/a>.<\/li>\n\n\n\n<li>iPhone photos in HEIC format? Squoosh opens them and converts them to JPEG for you.<\/li>\n\n\n\n<li>Logos or graphics with a transparent background: choose WebP, PNG or OxiPNG instead of MozJPEG, or the transparency will be lost.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Teaching and Learning Centre, Emily Carr University. Prefer a printable copy? <a href=\"https:\/\/palette.ecuad.ca\/support\/wp-content\/uploads\/sites\/13\/2026\/10\/Image-Compression-Guide-1.pdf\">Download the PDF version<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In short: Before you upload an image to WordPress or Moodle, resize it so the long side is 1600px, save it as a JPEG, and aim for under 300 KB. Squoosh does all three in your browser, for free. Why shrink your images? Target sizes Not sure which? Use 1600px as your max length for [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[21],"tags":[23,24],"class_list":["post-2235","post","type-post","status-publish","format-standard","hentry","category-content","tag-content","tag-image"],"_links":{"self":[{"href":"https:\/\/palette.ecuad.ca\/support\/wp-json\/wp\/v2\/posts\/2235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/palette.ecuad.ca\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/palette.ecuad.ca\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/support\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/palette.ecuad.ca\/support\/wp-json\/wp\/v2\/comments?post=2235"}],"version-history":[{"count":6,"href":"https:\/\/palette.ecuad.ca\/support\/wp-json\/wp\/v2\/posts\/2235\/revisions"}],"predecessor-version":[{"id":2324,"href":"https:\/\/palette.ecuad.ca\/support\/wp-json\/wp\/v2\/posts\/2235\/revisions\/2324"}],"wp:attachment":[{"href":"https:\/\/palette.ecuad.ca\/support\/wp-json\/wp\/v2\/media?parent=2235"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/palette.ecuad.ca\/support\/wp-json\/wp\/v2\/categories?post=2235"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/palette.ecuad.ca\/support\/wp-json\/wp\/v2\/tags?post=2235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}