{"id":3760,"date":"2014-04-21T13:07:07","date_gmt":"2014-04-21T17:07:07","guid":{"rendered":"https:\/\/www.highedwebtech.com\/?p=3760"},"modified":"2016-11-03T07:56:43","modified_gmt":"2016-11-03T12:56:43","slug":"optimize-website-images","status":"publish","type":"post","link":"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/","title":{"rendered":"5 easy ways to optimize your website images"},"content":{"rendered":"<p>Web sites are getting bigger and bigger, whether is the inclusion of a ton of javascripts, or gigantic images used in parallax style sites. It&#8217;s not uncommon for a site to get about 1.5MB when it&#8217;s all said and done.<\/p>\n<blockquote class=\"twitter-tweet\" lang=\"en\"><p>Average web page size is now ~1.5MB &#8211; MOST of it is images (source: <a href=\"http:\/\/t.co\/zefuad9cS5\" target=\"_blank\" rel=\"nofollow\">http:\/\/t.co\/zefuad9cS5<\/a>). Compress and prescale where possible, folks.<\/p>\n<p>\u2014 Addy Osmani (@addyosmani) <a href=\"https:\/\/twitter.com\/addyosmani\/statuses\/374626716028661760\" target=\"_blank\" rel=\"nofollow\">September 2, 2013<\/a><\/p><\/blockquote>\n<p><script src=\"\/\/platform.twitter.com\/widgets.js\" async=\"\" charset=\"utf-8\"><\/script><\/p>\n<p>I&#8217;m not railing against large sites, I&#8217;m against sites that aren&#8217;t optimized, use uncompressed and unminified Javascript and CSS, and are slow to use. We&#8217;ve all read the stories about when companies like Google and Amazon improve their site speed even incrementally, profits increase.<\/p>\n<p>One easy thing\u00a0that I notice sites don&#8217;t optimize are their images. I often see large images that are uploaded into a CMS or other page and just sized down. Most often though, sites don&#8217;t optimize their images.<\/p>\n<p>Here&#8217;s an example. I took a screenshot on my Mac of the network load of this website (under 300k, not bad.) Here&#8217;s the screenshot:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3761 size-large\" src=\"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.10.35-1024x1004.png\" width=\"720\" height=\"706\" srcset=\"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.10.35-1024x1004.png 1024w, https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.10.35-300x294.png 300w, https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.10.35.png 1079w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/p>\n<p>At full size, the original size of that file was 338k. I ran it through one of the methods I&#8217;ll write about in this post, ImageOptim, and it was able to cut the file size by 38%, down to 208k.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3763 size-full\" src=\"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.11.24.png\" width=\"677\" height=\"352\" srcset=\"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.11.24.png 677w, https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.11.24-300x155.png 300w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/><\/p>\n<p>Here are five online and offline tools you can use to optimize your images quickly and easily.<\/p>\n<h2>JPEGMini<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-3765 size-thumbnail\" src=\"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.16.51-150x150.png\" width=\"150\" height=\"150\" \/><a href=\"http:\/\/jpegmini.com\" target=\"_blank\" rel=\"nofollow\">JPEGMini<\/a> is some sort of black magic, I think. It managed to take JPEGs, and JPEGs only, even those saved using Photoshop&#8217;s Save for Web and get considerable size savings out of them, with little to no image degradation.\u00a0You can do all the optimizing via the web with no login required, but the downside is you can only do 1 image at a time. A free login allows you to upload multiple images at once for processing.<\/p>\n<p><a href=\"http:\/\/cl.ly\/image\/2E3J0O2B1S2s\" target=\"_blank\" rel=\"nofollow\">Here&#8217;s a photo<\/a> I took when I was on vacation in England and Wales in February. It&#8217;s 2.4MB. JPEGMini was able to get it down to 742k, reducing it by 3.2x. <a href=\"http:\/\/cl.ly\/image\/1H3Y2S3F3T3n\" target=\"_blank\" rel=\"nofollow\">Here&#8217;s the reduced, full-size photo<\/a> for comparison.<\/p>\n<h2>ImageOptim<\/h2>\n<p><a href=\"http:\/\/imageoptim.com\/\" target=\"_blank\" rel=\"nofollow\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-thumbnail wp-image-3763\" src=\"https:\/\/dfwn148cvdexl.cloudfront.net\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.11.24-150x150.png\" alt=\"Screenshot 2014-04-21 12.11.24\" width=\"150\" height=\"150\" \/><\/a>If you&#8217;re a Mac user, you should definitely grab <a href=\"http:\/\/imageoptim.com\/\" target=\"_blank\" rel=\"nofollow\">ImageOptim<\/a>. It handles all types of images and gives power users control over which optimization algorithms to try, how many passes and so on. It uses all the best: <span style=\"color: #000000;\">\u00a0<\/span><a class=\"reference\" style=\"color: #774488;\" href=\"http:\/\/www.advsys.net\/ken\/util\/pngout.htm\" target=\"_blank\" rel=\"nofollow\"><abbr>PNGOUT<\/abbr><\/a><span style=\"color: #000000;\">,\u00a0<\/span><a class=\"reference\" style=\"color: #774488;\" href=\"http:\/\/googledevelopers.blogspot.co.uk\/2013\/02\/compress-data-more-densely-with-zopfli.html\" target=\"_blank\" rel=\"nofollow\">Zopfli<\/a><span style=\"color: #000000;\">,\u00a0<\/span><a class=\"reference\" style=\"color: #774488;\" href=\"http:\/\/pmt.sourceforge.net\/pngcrush\/\" target=\"_blank\" rel=\"nofollow\">Pngcrush<\/a><span style=\"color: #000000;\">,\u00a0<\/span><a class=\"reference\" style=\"color: #774488;\" href=\"http:\/\/advancemame.sourceforge.net\/doc-advpng.html\" target=\"_blank\" rel=\"nofollow\">Adv<abbr>PNG<\/abbr><\/a><span style=\"color: #000000;\">, extended\u00a0<\/span><a class=\"reference\" style=\"color: #774488;\" href=\"http:\/\/optipng.sourceforge.net\/\" target=\"_blank\" rel=\"nofollow\">Opti<abbr>PNG<\/abbr><\/a><span style=\"color: #000000;\">,\u00a0<\/span><a class=\"reference\" style=\"color: #774488;\" href=\"http:\/\/www.kokkonen.net\/tjko\/projects.html\" target=\"_blank\" rel=\"nofollow\">JpegOptim<\/a><span style=\"color: #000000;\">, jpegrescan, jpegtran, and\u00a0<\/span><a class=\"reference\" style=\"color: #774488;\" href=\"http:\/\/www.lcdf.org\/gifsicle\/\" target=\"_blank\" rel=\"nofollow\">Gifsicle<\/a>.\u00a0These are the types of options you&#8217;d normally see in a command-line based tool. \u00a0I like the fact it adds a menu item so you can right click on any image on your Mac and select Services -&gt;Image Optimize and it will launch ImageOptim and start working on the image right away.<\/p>\n<h2>TinyPNG<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-3769 size-thumbnail\" src=\"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.38.27-150x150.png\" width=\"150\" height=\"150\" \/><a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"nofollow\">TinyPNG<\/a> works only on PNG files, hence the name, but it does a great job in reducing file size. It handles transparency just fine, and I&#8217;ve given it 24-bit PNG file for better transparency and it&#8217;s reduced them to 8-bit, with no bad transparency issues and greatly reduced file size. TinyPNG has also released a <a href=\"https:\/\/tinypng.com\/photoshop\" target=\"_blank\" rel=\"nofollow\">plugin for Photoshop<\/a> to connect to their service.<\/p>\n<p>&nbsp;<\/p>\n<h2>SpriteMe<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-3771 size-thumbnail\" src=\"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.54.07-150x150.png\" width=\"150\" height=\"150\" \/><a href=\"http:\/\/spriteme.org\/\" target=\"_blank\" rel=\"nofollow\">SpriteMe<\/a> is a great service that will look at your website and see if any of your images can be made into sprites, and using CSS, pull them in when needed to reduce image size and download times. It will make the sprites for you, along with the CSS needed to implement them. Have lots of little images or social media icons, you should be spriting them. Each one you add removes the need for another http call and a faster site.<\/p>\n<h2><\/h2>\n<h2>Smush.It<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-3767 size-thumbnail\" src=\"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.30.18-150x150.png\" width=\"150\" height=\"150\" \/><a href=\"http:\/\/www.smushit.com\/ysmush.it\/\" target=\"_blank\" rel=\"nofollow\">Smush.It<\/a> is built by Yahoo and offers the ability to upload a file or give it a URL for it to optimize. Smush.it can handle many different types of image files, though it has no guarantee of uptime or reliability. I&#8217;ve gone to use it a few times and it&#8217;s been down or not giving files back. There&#8217;s a WordPress plugin, WPSmushIt, that will connect to the service automatically to smush your images down in size. It usually works, but there&#8217;s no public API for SmushIt, and Yahoo may decide to block this plugin without warning or notice for using some sort of backdoor code or scraping technique.<\/p>\n<p>At the time of writing this post, Smush.it wasn&#8217;t working. YMMV.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One easy thing that I notice sites don&#8217;t optimize are their images. I often see large images that are uploaded into a CMS or other page and just sized down, not scaled, mind you, just resized small. <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[22,37,52,897],"tags":[904,903,906,907,905],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>5 easy ways to optimize your website images - HighEdWebTech<\/title>\n<meta name=\"description\" content=\"One easy thing that I notice sites don&#039;t optimize are their images. I often see large images that are uploaded into a CMS or other page and just sized down.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 easy ways to optimize your website images - HighEdWebTech\" \/>\n<meta property=\"og:description\" content=\"One easy thing that I notice sites don&#039;t optimize are their images. I often see large images that are uploaded into a CMS or other page and just sized down.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/\" \/>\n<meta property=\"og:site_name\" content=\"HighEdWebTech\" \/>\n<meta property=\"article:published_time\" content=\"2014-04-21T17:07:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-11-03T12:56:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.10.35-1024x1004.png\" \/>\n<meta name=\"author\" content=\"Mike\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mrichwalsky\" \/>\n<meta name=\"twitter:site\" content=\"@mrichwalsky\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mike\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/\"},\"author\":{\"name\":\"Mike\",\"@id\":\"https:\/\/www.highedwebtech.com\/#\/schema\/person\/c923dc4801e5e0b88fa4def573701980\"},\"headline\":\"5 easy ways to optimize your website images\",\"datePublished\":\"2014-04-21T17:07:07+00:00\",\"dateModified\":\"2016-11-03T12:56:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/\"},\"wordCount\":730,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.highedwebtech.com\/#\/schema\/person\/c923dc4801e5e0b88fa4def573701980\"},\"image\":{\"@id\":\"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.10.35-1024x1004.png\",\"keywords\":[\"ImageOptim\",\"JPEGMini\",\"Smush.it\",\"SpriteMe\",\"TinyPNG\"],\"articleSection\":[\"Design\",\"Google\",\"Mobile\",\"SaaS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/\",\"url\":\"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/\",\"name\":\"5 easy ways to optimize your website images - HighEdWebTech\",\"isPartOf\":{\"@id\":\"https:\/\/www.highedwebtech.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.10.35-1024x1004.png\",\"datePublished\":\"2014-04-21T17:07:07+00:00\",\"dateModified\":\"2016-11-03T12:56:43+00:00\",\"description\":\"One easy thing that I notice sites don't optimize are their images. I often see large images that are uploaded into a CMS or other page and just sized down.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#primaryimage\",\"url\":\"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.10.35.png\",\"contentUrl\":\"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.10.35.png\",\"width\":1079,\"height\":1058},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.highedwebtech.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 easy ways to optimize your website images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.highedwebtech.com\/#website\",\"url\":\"https:\/\/www.highedwebtech.com\/\",\"name\":\"HighEdWebTech\",\"description\":\"Web &amp; Marketing for Education &amp; Nonprofits\",\"publisher\":{\"@id\":\"https:\/\/www.highedwebtech.com\/#\/schema\/person\/c923dc4801e5e0b88fa4def573701980\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.highedwebtech.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.highedwebtech.com\/#\/schema\/person\/c923dc4801e5e0b88fa4def573701980\",\"name\":\"Mike\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.highedwebtech.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2019\/11\/HEWT-2020-Logo.png\",\"contentUrl\":\"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2019\/11\/HEWT-2020-Logo.png\",\"width\":595,\"height\":128,\"caption\":\"Mike\"},\"logo\":{\"@id\":\"https:\/\/www.highedwebtech.com\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/mikerichwalsky\/\",\"https:\/\/twitter.com\/mrichwalsky\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 easy ways to optimize your website images - HighEdWebTech","description":"One easy thing that I notice sites don't optimize are their images. I often see large images that are uploaded into a CMS or other page and just sized down.","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:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/","og_locale":"en_US","og_type":"article","og_title":"5 easy ways to optimize your website images - HighEdWebTech","og_description":"One easy thing that I notice sites don't optimize are their images. I often see large images that are uploaded into a CMS or other page and just sized down.","og_url":"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/","og_site_name":"HighEdWebTech","article_published_time":"2014-04-21T17:07:07+00:00","article_modified_time":"2016-11-03T12:56:43+00:00","og_image":[{"url":"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.10.35-1024x1004.png"}],"author":"Mike","twitter_card":"summary_large_image","twitter_creator":"@mrichwalsky","twitter_site":"@mrichwalsky","twitter_misc":{"Written by":"Mike","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#article","isPartOf":{"@id":"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/"},"author":{"name":"Mike","@id":"https:\/\/www.highedwebtech.com\/#\/schema\/person\/c923dc4801e5e0b88fa4def573701980"},"headline":"5 easy ways to optimize your website images","datePublished":"2014-04-21T17:07:07+00:00","dateModified":"2016-11-03T12:56:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/"},"wordCount":730,"commentCount":1,"publisher":{"@id":"https:\/\/www.highedwebtech.com\/#\/schema\/person\/c923dc4801e5e0b88fa4def573701980"},"image":{"@id":"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#primaryimage"},"thumbnailUrl":"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.10.35-1024x1004.png","keywords":["ImageOptim","JPEGMini","Smush.it","SpriteMe","TinyPNG"],"articleSection":["Design","Google","Mobile","SaaS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/","url":"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/","name":"5 easy ways to optimize your website images - HighEdWebTech","isPartOf":{"@id":"https:\/\/www.highedwebtech.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#primaryimage"},"image":{"@id":"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#primaryimage"},"thumbnailUrl":"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.10.35-1024x1004.png","datePublished":"2014-04-21T17:07:07+00:00","dateModified":"2016-11-03T12:56:43+00:00","description":"One easy thing that I notice sites don't optimize are their images. I often see large images that are uploaded into a CMS or other page and just sized down.","breadcrumb":{"@id":"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#primaryimage","url":"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.10.35.png","contentUrl":"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2014\/04\/Screenshot-2014-04-21-12.10.35.png","width":1079,"height":1058},{"@type":"BreadcrumbList","@id":"https:\/\/www.highedwebtech.com\/2014\/04\/21\/optimize-website-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.highedwebtech.com\/"},{"@type":"ListItem","position":2,"name":"5 easy ways to optimize your website images"}]},{"@type":"WebSite","@id":"https:\/\/www.highedwebtech.com\/#website","url":"https:\/\/www.highedwebtech.com\/","name":"HighEdWebTech","description":"Web &amp; Marketing for Education &amp; Nonprofits","publisher":{"@id":"https:\/\/www.highedwebtech.com\/#\/schema\/person\/c923dc4801e5e0b88fa4def573701980"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.highedwebtech.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.highedwebtech.com\/#\/schema\/person\/c923dc4801e5e0b88fa4def573701980","name":"Mike","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.highedwebtech.com\/#\/schema\/person\/image\/","url":"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2019\/11\/HEWT-2020-Logo.png","contentUrl":"https:\/\/www.highedwebtech.com\/wp-content\/uploads\/2019\/11\/HEWT-2020-Logo.png","width":595,"height":128,"caption":"Mike"},"logo":{"@id":"https:\/\/www.highedwebtech.com\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/www.instagram.com\/mikerichwalsky\/","https:\/\/twitter.com\/mrichwalsky"]}]}},"_links":{"self":[{"href":"https:\/\/www.highedwebtech.com\/wp-json\/wp\/v2\/posts\/3760"}],"collection":[{"href":"https:\/\/www.highedwebtech.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.highedwebtech.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.highedwebtech.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highedwebtech.com\/wp-json\/wp\/v2\/comments?post=3760"}],"version-history":[{"count":0,"href":"https:\/\/www.highedwebtech.com\/wp-json\/wp\/v2\/posts\/3760\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.highedwebtech.com\/wp-json\/wp\/v2\/media?parent=3760"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highedwebtech.com\/wp-json\/wp\/v2\/categories?post=3760"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highedwebtech.com\/wp-json\/wp\/v2\/tags?post=3760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}