워드프레스 사파리 브라우저에서 이미지 엑스박스 해결하기

워드프레스 사파리 브라우저에서 이미지 엑스박스 해결하기

애플에서 만든 디바이스에 기본적으로 탑재되는 ‘사파리’라는 웹 프라우저가 있습니다. 이 사파리 브라우저로 워드프레스 웹 사이트를 이용할 때 간혹가다 이미지가 엑박(엑스박스) 형태로 뜨는 오류가 발생합니다. 저는 맥북을 쓰지만 사파리는 거의 쓰지 않기 때문에 몰랐었는데 오랜만에 사파리로 회사 블로그에 접속하니 엑박이 우수수수 뜨는 문제점을 발견했습니다. ‘사파리 이미지 엑박’은 어떻게 해결할까요?

 

엑박이 나타나는 원인

safari_img_loading_fail

엑박이 나타나던 상황. © blog.bluehack.net

 

‘사파리 이미지 엑박’은 위와 같은 형태로 나타납니다. 저 상태에서는 브라우저에서 어떤 행동을 해도 문제를 수정할 수 없습니다. 이 문제는 업로드된 이미지 파일의 이름이 한글로 되어 있을 때 발생합니다. 워드프레스는 이미지를 업로드 할 때 이미지 파일의 이름으로 URL이 자동적으로 생성합니다. 이 때 사파리에서는 한글로 된 이미지 파일을 불러오지 못하는 것 같습니다.

 

‘사파리 이미지 엑박’ 해결방법

‘사파리 이미지 엑박’의 원인이 파악되었으니 해결방법은 간단합니다. 워드프레스에 올리는 이미지 파일의 이름을 모두 영문으로 바꾸어주면 됩니다. 이 때 이미 업로드된 파일의 이름을 전부 바꾸게 되면 너무 번거롭습니다. 차라리 영문의 이름을 가진 이미지 파일을 다시 업로드하여 글에 넣는 것이 더 간단합니다.

 

wordpress_img_name_before_and_after

왼쪽이 과거 한글 이름의 파일.  오른쪽이 영문으로 바꿔 업로드한 파일.

safari_img_loading_success

문제를 해결한 상태. © blog.bluehack.net

 

마무리하며

사파리에서 이미지가 나타나지 않는 현상은 파일 이름이라는 간단한 문제 때문이었습니다. 저는 크롬을 이용하기 때문에 문제를 발견하기까지 오랜 시간이 걸렸습니다. 앞으로는 다른 브라우저도 종종 사용해야겠네요. 제가 참고한 사이트의 링크(여기를 눌러 이동하세요)를 남깁니다. 참고하시면 좋을 것 같습니다.

 

 

 

Facebook Comments
Article Source: everythinbox
« Previous Post
Next Post »

About Author

HEEJUNG

Matt 세상을 보고 무수한 장애물을 넘어 벽을 허물고 더 가까이 다가가 서로 알아가고 느끼는 것. 그것이 바로 제 인생의 목적입니다.