[워드프레스] SVG 벡터 이미지 파일 업로드 하는 방법

최근 웹에서 사용하는 벡터 그래픽으로 주목을 받고 있는 SVG 라는 포맷이 있습니다. 이제 왠만한 구형 브라우저가 아닌 이상 거의 대부분의 브라우저들이 JPG, GIF, PNG 포맷과 함께 SVG 를 지원하고 있는데요.

워드프레스에서 SVG 포맷의 이미지 파일을 사용하기 위해 업로드 하려고 하면 업로드가 안되죠. 워드프레스가 보안상의 이유로 XML 형식으로 만들어진 SVG 파일의 업로드를 금지 하고 있습니다.

하지만 간단한 코드 몇 줄을 추가하면 워드프레스에서도 SVG 파일 업로드가 가능하도록 만들 수 있습니다.

svg 형식 등록하기

function custom_mime_types( $existing_mimes ) {
    $existing_mimes['svg'] = 'image/svg+xml';
    return $existing_mimes;
}
add_filter( 'mime_types', 'custom_mime_types' );

위 코드를 테마의 functions.php 파일이나 본인이 핸들링 할 수 있는 플러그인이 있다면 그곳에 넣어주면 됩니다.

코드는 아주 간단합니다. svg 형식을 워드프레스가 관리하는 mime type 에 등록 해주는 것입니다.

플러그인 사용

본인이 위 코드를 테마나 플러그인에 직접 삽입 할 수 없는 상황이라면 아래의 워드프레스 플러그인들을 사용해보는 것을 고려할 수 있습니다.

• Safe SVG
• SVG Support
• WP SVG images

SVG 파일이 XML 형식으로 되어 있기 때문에 보안상의 이슈가 있기 때문에, 위 코드를 직접 삽입 하는 것 보다 보안 이슈를 한번 걸러주는 위 플러그인을 사용하는 것이 더 나을 수도 있겠네요.

끝.