Hi Halley

The reason why images are not shown in Safari is because your file names contains space characters, so I have applied the following fix:

// Media Names Fix
function fix_image_name_renamer( $url ) {
	$name = basename( $url );
	return str_replace( $name, str_replace( ' ', '-', $name ), $url );
}

function fix_wp_calculate_image_srcset( $sources ) {
	
	foreach ( $sources as $i => & $source ) {
		$source['url'] = fix_image_name_renamer( $source['url'] );
	}
	
	return $sources;
}

function fix_wp_get_attachment_image_attributes( $attrs ) {
	
	foreach( array( 'src', 'url' ) as $attr_id ) {
		
		if ( isset( $attrs[ $attr_id ] ) ) {
			$attrs[ $attr_id ] = fix_image_name_renamer( $attrs[ $attr_id ] );
		}
	}
	
	
	return $attrs;
}

add_filter( 'wp_calculate_image_srcset', 'fix_wp_calculate_image_srcset' ); 
add_filter( 'wp_get_attachment_image_attributes', 'fix_wp_get_attachment_image_attributes' );

In functions.php and it fixed the issue.

Hi Halley,

I've run a batch name replace (copying files with spaces and renaming them by replacing space with dash) for exampe:

/wp-content/uploads/2016/08/buckle BLACK.jpg

The script copied the file with different name:

/wp-content/uploads/2016/08/buckle-BLACK.jpg

The first file (with space character) still remains there.

So this fixed the issue. 

I've also installed this plugin yesterday:

(view large version)

So keep it, it will rename images with invalid or space characters when they are uploaded.

Hi Halley,

The "batch" process I've run was initiated only once, and you don't need to run it again.

However, you need to upload files via Media section of WordPress, thats better way and will create thumbnails, rename/clean file names that are not recognized in several browsers.

Hi Halley,

Glad to hear that :)

If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).

A huge thank you from Laborator in advance and have a great day!