Image Is Not Showing in Safari Browser
If an image loads correctly in other browsers but does not show in Safari or iOS Safari, please check the image file name.
Safari can be more sensitive when image URLs contain special characters, accented characters, quotation marks, spaces, or unusual symbols.
Examples of characters that can create problems in image file names include:
- accented letters, such as ç, é, ă, ñ
- quotation marks, such as “ or “ ”
- spaces
- special symbols, such as &, %, #, ?, +
Why This Happens
Image file names are used inside image URLs. When a URL contains special or non-standard characters, the browser and server must read the URL encoding correctly.
If the file name is not encoded or interpreted correctly, Safari may not load the image, even if the image appears to work in other browsers.
Recommended Solution
Rename the image file and use only simple characters before uploading it to WordPress.
Use:
- lowercase letters
- numbers
- hyphens
Good file name examples:
property-main-image.jpg
modern-villa-bedroom.jpg
apartment-01-gallery.jpg
Avoid file names like:
propriété ç.jpg
modern “villa”.jpg
apartment image #1.jpg
living+room?.jpg
Important Note
Renaming the file on your computer is not enough if the image was already uploaded to WordPress.
If the image already exists in the Media Library, please delete the old image, rename the file on your computer, and upload it again with the corrected file name.
After replacing the image, clear your website cache, server cache, CDN cache if used, and browser cache. Then test the page again in Safari.