Photon Image Problem

Quick update. I installed the Fluid Video Embeds plugin and the video issue is now solved, however if you look at full-width template pages, I have full width images being served at the wrong size.

Here’s an example:

http://astromono.com/top-10-e3-2015-playstation/

My $content_width is set at 1038px, but Photon is resizing the image to 948px while still stretching it to fit the 1038px width of the column. If I deactivate Photon, images are served at full size (as they should be), but then I won’t be able to use tiled galleries and they will load slightly slower.

What’s causing this?

Certainly!

The parent theme has a $content_width = 474; by default. My child theme’s $content_width is defined as follows:

if ( ! isset( $content_width ) )
    $content_width = 474;
 
function astra_adjust_content_width() {
    global $content_width;
 
    if ( is_page_template( 'full-width.php' ) )
        $content_width = 1038;
}
add_action( 'template_redirect', 'astra_adjust_content_width' );

add_action( 'after_setup_theme', 'thumbnail_size_tweak', 11 );

function thumbnail_size_tweak() {
    set_post_thumbnail_size( 1038, 572, true );
}

The value is for all templates, regardless of whether it’s a page or post.

The HTML generated by the image in the editor is the following:

<p class="full-image"><img class="alignnone wp-image-2730 size-full" title="My E3 2015 Top 9: Microsoft" src="http://en.astromono.com/wp-content/uploads/sites/2/2015/06/fortnitebig.jpg" alt="My E3 2015 Top 9: Microsoft" width="1038" height="572" /></p>

Sorry for the late reply, but I hope this info helps.

One additional thing I noticed is that, if you inspect the images that appear in the post, you’ll see that the WordPress CDN is serving the images at a max width of 948px for some reason, even though the images themselves are bigger (1038px wide).

Hi!

Thank you for the reply. The value without the if ( is_page_template( 'full-width.php' ) ) is how I initially had it and if you go to this link, we’re right back at the beginning of the issue.

http://astromono.com/top-10-e3-2015-playstation/

Setting the content_width that way affects not only the full-width images, but also the images inside tiled galleries and even the preview images in Youtube videos.

In all fairness, at least Photon is now serving the correct image size in full width, not just serving the resized 948px width version scaled to 1038px.

Is there a fix?

Hi! Sure I can, here’s the link to the gist:

https://gist.github.com/luislandero/3c6e66061074a29b3f032000ca754291

If you need any additional files or info, please let me know and thank you so much for getting this far with me into resolving this.

Thanks, I can try using it and letting you know, but it will still leave the video embeds looking all weird. Is there any fix for that?