enter image description here

The site works fine on all other browsers, but yesterday on safari the images stoped loading. Most of them were blurry and some didnt load at all. The blurry ones started loading by removing the params from the image but the ones that didn’t load at all i can’t figure out why. They all have data-src-square.

Code:

    <div class="card__image" 
    data-src-square="<?php echo $square_featured_image['urlTemplate']; ?>" 
    data-src="<?php echo esc_url( $featured_image['urlTemplate'] ); ?>"
    style="background-image:url('<?php echo esc_url( 
    $featured_image['urlTemplate_small'] ); ?>')"></div>

And on the safari browser if i inspect the html it has an empty " " which doesn’t happen on the other browsers:

Any ideia how i can fix this/why this happens?

Read more here: Images don’t load on safari


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: