This topic contains 4 replies, has 2 voices, and was last updated by 
-
Posts
-
I have pages with images where I alter the “width=” command to resize images.
In the example below, I have set “width=300” but when I view the page, it shows the full image size:
<img class="size-full wp-image-1169 align= aligncenter" src="http://localhost/site/wp-content/uploads/2011/12/logo.png" alt="" width="300" />
I have many Pages that were created with a previous Theme and for me to go through each page and upload the images again will be a big pain.
What can I do?
This is because it is a responsive theme. So image widths are removed and max-width set to 100%.
This may take some getting used too but this is necessary for images to scale appropriately on smaller devices.
You shouldn’t use the width attribute to resize images anyway. WordPress creates smaller images to use in post that can also be inserted.
Understood. So when I “Insert Images” into Pages and Posts, what options should I select for “Size”?
There’re 4 options and they all set the sizes:
Thumbnail (150×150)
Medium (300×103)
Full Size (597×205) [or whatever the original size is]It depends how you want them displayed. All options can be used, but the size you choose to insert will then be the maximum size the image will show.
In fact even with your previous theme you were inserting them in a non-optimum way since users were downloading the full sized image.
With this responsive theme:
If you want a full width image then insert the original or Large size and the theme will let it fill space available.
If you are wanting an image to be wrapped by text then choose medium or thumbnail.
If image is larger than available space, it will fill that space.
Ok thanks!
You must be logged in to reply to this topic.