Image Sizing – Transition from www.remarpro.com to WordPress.com

  • I recently made the jump from wordpress.com to www.remarpro.com\

    The way that the two handle images seems different. What was a 150px image on my old site now wants to get bigger on wider screens.

    I’ve set the image size in size-thumbnail figures to a max-width of 150px, as it was in wordpress.com, with CSS. But the problem is that it is still pulling down the original 1200px image inside that 150px image size. So it looks fine but is using unnecessary bandwidth. I can solve this issue by manually resizing images up from thumbnail then back down again in the editor, but I’m wondering if there’s some kind of workaround so I don’t need to do this to all of my posts and pages.

    https://aphoristical.files.wordpress.com/2020/11/gene-clark-carla-olson-so-rebellious-a-lover.jpg

    New code:
    <figure class="alignright size-thumbnail"><img width="1200" height="1200" src="https://aphoristical.files.wordpress.com/2020/11/gene-clark-carla-olson-so-rebellious-a-lover.jpg?w=150&resize=1200%2C1200" alt="" /></figure>

    • This topic was modified 3 years, 4 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • It may help to run the Regenerate Thumbnails plugin once. Since you say that manually resizing images works, this would be the automated version of that process.

    After installing the plugin, go to Tools > Regenerate Thumbnails, and Regenerate for All Attachments.

    Thread Starter fyfeopedia

    (@fyfeopedia)

    Hi Ricky,

    Thanks for getting back to me.

    I had a look via FTP and the thumbnail seems to already exist:
    https://i1.wp.com/albumreviews.blog/wp-content/uploads/2020/11/gene-clark-carla-olson-so-rebellious-a-lover-150x150.jpg

    It just seems like a matter of forcing WordPress to display it instead of a bigger image.

    I would first recommend deactivating LiteSpeed Cache and any other plugins that might have an affect on your images. If you can narrow this issue down to one, then look in that plugin for a setting that could help.

    I see your images are loaded from i1.wp.com so try the “Serve Images from our Global CDN” toggle if you have Jetpack installed. (https://www.paulchinmoy.com/how-do-you-remove-i1-wp-com-from-your-image-url/)

    The image tags have a sizes attribute that is telling the browser to expect the image to display at up to 1200px wide on desktop screens. A plugin or theme may be responsible for that. On Twenty Twenty One, the images max out at 768px wide on desktop.
    sizes="(max-width: 1200px) 100vw, 1200px"

    These are just some guesses hoping to point you in the right direction. It’s hard to say anything definitively without seeing the edit post screen or the installed plugins / themes.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image Sizing – Transition from www.remarpro.com to WordPress.com’ is closed to new replies.

Tags