


For one theme a Medium width image may be 40%, for another it may be 60%. Once the image is inserted, the size you picked for it is a variable that changes with the currently active theme. These widths are defined by the theme designer and/or developer. These sizes are not just names: They are displayed alongside percentage values that control the container width of the inserted image in relation to the main container of the current theme.
#Wordpress responsive resize images full#
In the Responsive Images World, when you insert an image, you get to choose the size of that image: Thumbnail, Small, Medium, Large, or Full Width. Once the image is inserted, the size you picked for it becomes a physical restraint, and that physical restraint will persist if and when the theme is changed. These sizes are not just names: They are displayed alongside physical pixel sizes set by WordPress defaults or by you if you changed the settings manually. Right now, if you create a new post or page in WordPress and insert an image, you get to choose the size of that image: Thumbnail, Small, Medium, Large, or Original. I wrote about the theory of what I think needs to happen to implement Responsive Images in WordPress yesterday in the article WordPress Image Handling in a Responsive Images World. Today I want to provide some practical ideas in the form of a thought experiment of how the image insertion task could be handled in this new reality, from hereon out referred to as the “Responsive Images World”. To get there the way images are added to posts and pages needs to be reworked. This would produce better designs, better user experiences, and a better impression of WordPress as a whole from its users. Responsive Images in WordPress Core opens up a previously unattainable opportunity for the application to allow theme (and plugin) designers and developers to take control over image sizes. If you haven’t done so already you should read it to get the background.

This is an addendum to my article WordPress Image Handling in a Responsive Images World.
