프로그래밍

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

📈 5

최근 웹에서 사용하는 벡터 그래픽으로 주목을 받고 있는 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 에 등록 해주는 것입니다.

플러그인 사용

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

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

끝.