Safe SVG

설명

Safe SVG는 워드프레스에서 SVG 업로드를 허용하는 가장 좋은 방법입니다!

SVG 업로드를 허용하는 동시에 사이트에 영향을 미치는 SVG/XML 취약성을 차단하기 위해 위생 처리된 상태인지 확인하는 기능을 제공합니다. 또한 미디어 라이브러리에서 모든 보기에서 업로드한 SVG를 미리 볼 수 있는 기능도 제공합니다.

현재 기능

  • 위생 처리된 SVG – 위생 처리되지 않은 파일 업로드를 허용하여 워드프레스 사이트의 보안 허점을 열지 마세요.
  • SVGO 최적화 – 업로드 시 SVGO 도구를 통해 SVG를 실행하여 공간을 절약합니다. 이 기능은 기본적으로 비활성화되어 있지만 다음 코드를 추가하여 활성화할 수 있습니다: add_filter( 'safe_svg_optimizer_enabled', '__return_true' );
  • 미디어 라이브러리에서 SVG 보기 – 어떤 SVG가 맞는지 추측하던 시대는 지났으며, 워드프레스 미디어 라이브러리에서 SVG 미리보기를 활성화합니다.
  • 업로드할 수 있는 사용자 선택 – 워드프레스 사이트의 특정 사용자로 SVG 업로드를 제한하거나 누구나 업로드할 수 있도록 허용합니다.

처음에는 #24251에 대한 개념 증명이었습니다.

SVG 가공은 다음 라이브러리를 통해 수행됩니다: https://github.com/darylldoyle/svg-sanitizer.

SVG 최적화는 다음 라이브러리를 통해 수행됩니다: https://github.com/svg/svgo.

블록

이 플러그인은 1(을)를 제공합니다.

  • Safe SVG Display the SVG icon

설치

워드프레스 디렉토리를 통해 설치하거나 파일을 다운로드하여 압축을 풀고 /wp-content/plugins/ 디렉토리에 업로드합니다.

FAQ

허용되는 속성 및 태그를 변경할 수 있나요?

예, svg_allowed_attributessvg_allowed_tags 필터를 사용하여 이 작업을 수행할 수 있습니다.
이 필터는 반환해야 하는 인수를 하나만 받습니다. 아래 예시를 참조하세요:

add_filter( 'svg_allowed_attributes', function ( $attributes ) {

    // Do what you want here...

    // This should return an array so add your attributes to
    // to the $attributes array before returning it. E.G.

    $attributes[] = 'target'; // This would allow the target="" attribute.

    return $attributes;
} );


add_filter( 'svg_allowed_tags', function ( $tags ) {

    // Do what you want here...

    // This should return an array so add your tags to
    // to the $tags array before returning it. E.G.

    $tags[] = 'use'; // This would allow the <use> element.

    return $tags;
} );

후기

2025년 6월 21일 답글 1개
Would have given a 5 star, but it seems support is missing for the taxonomy / terms section (like in categories) upload for SVG images. Keep getting an error that the upload isn’t supported. Hopefully this will be fixed in a future update. Will update once this is added. Cheers!
2025년 4월 30일 답글 1개
Great plugin! very usefull, but please can you add the possibility to add an inline SVG on the block pasting svg code? Thanks!
모든 75 평가 읽기

기여자 & 개발자

“Safe SVG”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“Safe SVG”(이)가 29 개 언어로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “Safe SVG”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

2.3.1 – 2024-12-05

2.3.0 – 2024-11-25

2.2.6 – 2024-08-28

2.2.5 – 2024-06-27

  • 추가: 새 필터인 safe_svg_current_user_can_upload가 추가되어 누가 SVG 파일을 업로드할 수 있는지 더 잘 제어할 수 있습니다(제안 @dkotter, @iamdharmesh를 통해 #193로 전송).
  • 수정: 단 두 개의 인수(@kmgalanakis, @dkotter, @liz1kiweno를 통해 admin_post_thumbnail_html 필터를 적용할 때 치명적인 오류가 발생했습니다(제안 #196을 통해).
  • 수정: 필터링된 블록 카테고리의 값이 배열이 아닐 때 PHP 치명적인 오류를 방지합니다(제안 @kmgalanakis, @dkotter, @cguidog via #200).
  • 수정: $image_meta가 배열이 아닐 때 PHP 경고를 처리했습니다(제안 @faisal-alvi, @dkotter, @drazenbebic, @kirtangajjar를 통해 #203으로 전달됨).

2.2.4 – 2024-03-28

2.2.3 – 2024-03-20

2.2.2 – 2023-11-21

2.2.1 – 2023-10-23

2.2.0 – 2023-08-21

이번 변경 로그 세부 정보 보기.