Photon image resizing

External Images includes optional image resizing using the Jetpack Photon service. To use this image resizing, follow these steps:

Install JetPack

Visit plugins -> add new, and install Jetpack

After installation, click the button to ‘Setup Jetpack’ and then connect your WordPress account.

JetPack is now installed.

Enable image resizing in External Images

Visit Settings -> External Images

Enable the Photon/Jetpack Image Resizing option

Check your theme settings to configure thumbnail sizes

Every theme is different, but if you’re using the Photon image resizing option then External Images will pick up the image size for thumbnails from the relevant part of WordPress. Normally, this would be set in Settings -> Media as per the below image:

Normally, WooCommerce thumbnail sizes would be configured in Appearance -> Customize -> WooCommerce -> Product Images:

Some themes may have additional thumbnail settings in Theme Options -> WooCommerce or similar to allow you to configure thumbnail sizes.

Test your image sizes

Visit your site where you can see your thumbnails and rick click the images and select Open in New Tab

The URL for your images should begin with (or closely similar) which is where the Photon Jetpack image resizing service lives and the image should be the size you have configured for your thumbnails.

Note: When you enable Photon image resizing, CSS image resizing in External Images will be switched off.

Be the first to comment and we'll reply right away.

Leave a reply

Super Speedy Plugins