{"id":1520,"date":"2016-01-04T08:59:50","date_gmt":"2016-01-03T19:59:50","guid":{"rendered":"http:\/\/www.frot.co.nz\/design\/?p=1520"},"modified":"2019-02-11T18:02:44","modified_gmt":"2019-02-11T05:02:44","slug":"image-sizes-on-wordpress","status":"publish","type":"post","link":"https:\/\/www.frot.co.nz\/design\/wordpress\/image-sizes-on-wordpress\/","title":{"rendered":"IMAGE SIZES ON WORDPRESS"},"content":{"rendered":"<h2 style=\"text-align: center;\"><strong>BEST SIZES FOR IMAGES ON WORDPRESS<\/strong><\/h2>\n<p style=\"text-align: center;\"><strong>This is something I found confusing to begin with, so this post is a bunch of notes to myself.<\/strong><\/p>\n<p style=\"text-align: center;\"><strong><img loading=\"lazy\" class=\"irc_mi\" src=\"http:\/\/38.media.tumblr.com\/tumblr_m02j87c0zm1qiklxro9_500.jpg\" alt=\"\" width=\"499\" height=\"374\" \/><\/strong><\/p>\n<p style=\"text-align: center;\"><strong>A big part of why I found this confusing is that coming from an old school background in Dreamweaver, I was used to thinking in terms of choosing my image sizes &#8211; typically 500 &#8211; 700 px wide or 300 &#8211; 500px high, and posting them like that.<\/strong><\/p>\n<p style=\"text-align: center;\"><strong>I was also used to setting the text formatting as a fixed style, but the text in WordPress can be quickly changed &#8211; eg. the text on this site is all set to show as purple, but I can override that by choosing a different colour in the formatting tools bar like <span style=\"color: #ff9900;\">orange<\/span> or <span style=\"color: #008000;\">green<\/span><\/strong><\/p>\n<p style=\"text-align: center;\"><strong>As the images the media size settings are not determining the size of the images, I can upload my photos at the full size. (which for many of my photos is 4608 x 3456 px)<\/strong><\/p>\n<p style=\"text-align: center;\"><strong>All the image setting sizes are doing is re-sizing my big pics down to the selected sizes, or re-sizing small images up to them.<\/strong><\/p>\n<p style=\"text-align: center;\"><strong>This photo appears here at the 300 x 300 px medium size (I had that size selected in settings at the time, but have since gone up to 350px.<\/strong><\/p>\n<p style=\"text-align: center;\"><strong> And if you click on it it will fill up your screen size because I had the large size set to 9999 x 9999px &#8211; or as big as your screen size can show.<\/strong><\/p>\n<p style=\"text-align: center;\"><strong><a href=\"https:\/\/www.frot.co.nz\/design\/wp-content\/uploads\/2015\/11\/IMG_1883.jpg\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-1869\" src=\"https:\/\/www.frot.co.nz\/design\/wp-content\/uploads\/2015\/11\/IMG_1883-300x225.jpg\" alt=\"IMG_1883\" width=\"300\" height=\"225\" srcset=\"https:\/\/www.frot.co.nz\/design\/wp-content\/uploads\/2015\/11\/IMG_1883-300x225.jpg 300w, https:\/\/www.frot.co.nz\/design\/wp-content\/uploads\/2015\/11\/IMG_1883-150x113.jpg 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/strong><\/p>\n<p style=\"text-align: center;\"><strong>Like turning the text orange, I can drag the image to look bigger here on this post than the 300px size it is set to display at &#8211; here it&#8217;s dragged out to 450px. But if I do this too much the image will look low res and poor quality, because we are only viewing the medium sized thumbnail, not a smaller version of the original hi-res image.<br \/>\n<\/strong><\/p>\n<p style=\"text-align: center;\"><strong><a href=\"https:\/\/www.frot.co.nz\/design\/wp-content\/uploads\/2015\/11\/IMG_1883.jpg\"><img loading=\"lazy\" class=\"alignnone wp-image-1869\" src=\"https:\/\/www.frot.co.nz\/design\/wp-content\/uploads\/2015\/11\/IMG_1883-300x225.jpg\" alt=\"IMG_1883\" width=\"451\" height=\"338\" srcset=\"https:\/\/www.frot.co.nz\/design\/wp-content\/uploads\/2015\/11\/IMG_1883-300x225.jpg 300w, https:\/\/www.frot.co.nz\/design\/wp-content\/uploads\/2015\/11\/IMG_1883-150x113.jpg 150w\" sizes=\"(max-width: 451px) 100vw, 451px\" \/><\/a><\/strong><\/p>\n<p style=\"text-align: center;\"><strong>To change the image settings, go to:<\/strong><\/p>\n<p style=\"text-align: center;\"><strong>Dashboard &#8211; Settings &#8211; Media<\/strong><\/p>\n<p style=\"text-align: center;\"><strong>(This can be left open in a separate tab and quickly changed while editing the site)<\/strong><\/p>\n<p style=\"text-align: center;\"><strong>The default settings on WordPress are:<\/strong><\/p>\n<p style=\"text-align: center;\"><strong>Small 150 x150 PX<\/strong><\/p>\n<p style=\"text-align: center;\"><strong>Medium &#8211; 300 x 300 PX<\/strong><\/p>\n<p style=\"text-align: center;\"><strong>Large &#8211; 1024 x 1024 PX<\/strong><\/p>\n<p style=\"text-align: center;\">***<\/p>\n<p style=\"text-align: center;\"><strong>I have gone with:<\/strong><\/p>\n<p style=\"text-align: center;\"><strong>Small 150 x150 PX <em>(I&#8217;m not using small thumbnails on the site at this point)<\/em><br \/>\n<\/strong><\/p>\n<p style=\"text-align: center;\"><strong>Medium &#8211; 350 x 350 PX <em>(seems to be a good display size for image galleries)<\/em><br \/>\n<\/strong><\/p>\n<p style=\"text-align: center;\"><strong>Large &#8211; 5000 x 5000 PX <em>(none of my photos on this site are over 5000px wide so this is effectively as big as can be displayed)<\/em><br \/>\n<\/strong><\/p>\n<hr \/>\n<h3 style=\"text-align: center;\"><strong>Regenerate Thumbnails<\/strong><\/h3>\n<p style=\"text-align: center;\"><strong>I haven&#8217;t tried this yet, but may do later &#8211; apparently this plug can regenerate the thumbnails for your image attachments. Handy if you&#8217;ve changed any of your thumbnail dimensions (via Settings -&gt; Media) after previously uploading images or have changed to a theme with different featured post image dimensions<\/strong><\/p>\n<p style=\"text-align: center;\"><strong><a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\">https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/<\/a><\/strong><\/p>\n<p style=\"text-align: center;\"><strong>This site covers more of this stuff &#8211; <a href=\"http:\/\/wpshout.com\/commonsense-image-sizing-wordpress\/\"><strong>http:\/\/wpshout.com\/commonsense-image-sizing-wordpress\/<\/strong> <\/a><\/strong><\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>BEST SIZES FOR IMAGES ON WORDPRESS This is something I found confusing to begin with, so this post is a bunch of notes to myself. A big part of why I found this confusing is that coming from an old school background in Dreamweaver, I was used to thinking in terms of choosing my image [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[10,20,7],"tags":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":22307,"url":"https:\/\/www.frot.co.nz\/design\/new-zealand\/why-am-i-so-keen-to-see-bastyon-succeed\/","url_meta":{"origin":1520,"position":0},"title":"WHY AM I SO KEEN TO SEE BASTYON SUCCEED?","date":"October 13, 2022","format":false,"excerpt":"I'm not sure if people in countries like America are this desperate yet but I was just replying to a comment about the lack of formatting on Bastyon and said the following:No formatting? - Oh well, if that is a price for genuine privacy and censorship resistance, I can live\u2026","rel":"","context":"In &quot;BASTYON&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.frot.co.nz\/design\/wp-content\/uploads\/2022\/10\/30268461_6085913252554_7827661429778939904_n.png-1.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":28807,"url":"https:\/\/www.frot.co.nz\/design\/wordpress\/what-are-siftings\/","url_meta":{"origin":1520,"position":1},"title":"WHAT ARE SIFTINGS?","date":"July 30, 2023","format":false,"excerpt":"After experimenting with running a Blogger blog side by side with this WordPress blog for a while, it became clear to me that after eight years it was time to quit using WordPress and go back to Blogger. \u00a0WordPress works best for longer posts where more advanced features on things\u2026","rel":"","context":"In &quot;BLOGGING&quot;","img":{"alt_text":"","src":"https:\/\/i1.wp.com\/www.frot.co.nz\/design\/wp-content\/uploads\/2023\/08\/Blogger-Or-WordPress.750.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":22122,"url":"https:\/\/www.frot.co.nz\/design\/steemit\/five-things-i-quit-doing-when-i-switched-to-blurt\/","url_meta":{"origin":1520,"position":2},"title":"FIVE THINGS I QUIT DOING WHEN I SWITCHED TO BLURT","date":"May 1, 2022","format":false,"excerpt":"This year would have been my second anniversary on Hive in March. Except that I quit using it because I was sick of being downvoted all the time. We can choose to jump about in dog shit and then complain that our shoes stink, or we can look at stuff\u2026","rel":"","context":"In &quot;ART BY FROT&quot;","img":{"alt_text":"","src":"https:\/\/i2.wp.com\/www.frot.co.nz\/design\/wp-content\/uploads\/2022\/05\/1916f5727b5527714c3c9d31b4de3e5.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":18257,"url":"https:\/\/www.frot.co.nz\/design\/steemit\/five-things-i-quit-doing-when-i-switched-to-hive\/","url_meta":{"origin":1520,"position":3},"title":"FIVE THINGS I QUIT DOING WHEN I SWITCHED TO HIVE","date":"July 4, 2020","format":false,"excerpt":"Next month would have been my four year anniversary on Steemit. Except that I quit using it the day of the hardfork. We can choose to jump about in dog shit and then complain that our shoes stink, or we can look at stuff we like better than dog shit\u2026","rel":"","context":"In &quot;HIVE&quot;","img":{"alt_text":"","src":"https:\/\/i2.wp.com\/www.frot.co.nz\/design\/wp-content\/uploads\/2020\/07\/IMG_8432b-500x375-1.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":102,"url":"https:\/\/www.frot.co.nz\/design\/wordpress\/about-frot-design\/","url_meta":{"origin":1520,"position":4},"title":"ABOUT FROT","date":"March 23, 2016","format":false,"excerpt":"A BRIEF HISTORY OF FROT DESIGN We first designed a website for Cycle Services in 1998 - the original site is still online and looks pretty much the same as it ever did. We like purple. Despite being designed in 24 hours from a \"FrontPage in 24 Hours\" book, it\u2026","rel":"","context":"In &quot;FROT DESIGN&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.frot.co.nz\/images_frot\/www.frot.co.nz-inside.head..jpg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":28301,"url":"https:\/\/www.frot.co.nz\/design\/tranny\/why-do-i-keep-going-on-about-trannies\/","url_meta":{"origin":1520,"position":5},"title":"WHY DO I KEEP GOING ON ABOUT TRANNIES?","date":"August 1, 2023","format":false,"excerpt":"A lot of people think this subject is stark raving mad, and to be honest I do think a lot of the \"transvestigation\" movement is just a deranged psyop. But in many cases there are very obvious males being presented as females, almost as if there is an agenda to\u2026","rel":"","context":"In &quot;TRANNY&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.frot.co.nz\/design\/wp-content\/uploads\/2023\/08\/aw10854187_p3447393_p3450667.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.frot.co.nz\/design\/wp-json\/wp\/v2\/posts\/1520"}],"collection":[{"href":"https:\/\/www.frot.co.nz\/design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.frot.co.nz\/design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.frot.co.nz\/design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.frot.co.nz\/design\/wp-json\/wp\/v2\/comments?post=1520"}],"version-history":[{"count":0,"href":"https:\/\/www.frot.co.nz\/design\/wp-json\/wp\/v2\/posts\/1520\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.frot.co.nz\/design\/wp-json\/wp\/v2\/media?parent=1520"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.frot.co.nz\/design\/wp-json\/wp\/v2\/categories?post=1520"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.frot.co.nz\/design\/wp-json\/wp\/v2\/tags?post=1520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}