Retina?

[Bluxart]

Hi, nice script but I don't understand how to work the retina feature.

I upload an image 870x706

I call your function in this way
$img_lg = nova_resize_thumbnail($img_id, array( 'width' => '435', 'height' => '353', ), true );

The output is this and the retina value is empty
Array ( [url] => https://growme.it/fing/wp-content/uploads/2024/01/[email protected] [width] => 435 [height] => 353 [retina] => )

Any tips?

[wpexplorer]

@Bluxart - That is correct. When you set retina to true it returns the retina URL. So if you are showing an image for example that has both retina and non retina you would call the function twice:

$img_lg = nova_resize_thumbnail($img_id, array( 'width'  => '435', 'height' => '353', ) );
$img_lg_retina = nova_resize_thumbnail($img_id, array( 'width'  => '435', 'height' => '353', ), true );

if ( ! empty( $img_lg['url'] ) ) {
    $image = '<img src="' . esc_url( $img_lg['url'] ) . '" height="' . esc_attr( $img_lg['height'] ) . '" width="' . esc_attr( $img_lg['width'] ) . '" srcset="' . esc_url( $img_lg['url'] ) . ' 1x,' . esc_url( $img_lg_retina['url'] ) . ' 2x">';
}

I made this script over 7 years ago though. So honestly it may need some updating...

• AJ

[wpexplorer]

Forgot to mention....At the top of the script you see the variable:

$retina_support = false;

If you set this to true then you would call an image like this:

$img_lg = nova_resize_thumbnail($img_id, array( 'width' => '435', 'height' => '353', ) );

And it will generate retina versions automatically, that's when you will get a value in the retina parameter of the result array.