WordPress에서 SVG를 추가하는 방법 (2 가지 간단한 솔루션 사용)

WordPress 사이트에 SVG 파일을 추가 하시겠습니까? 기본적으로 WordPress에서는 모든 인기있는 이미지, 오디오 및 비디오 파일 형식을 업로드 할 수 있지만 SVG는 그중 하나가 아닙니다. 이 기사에서는 WordPress에서 SVG를 쉽게 추가하는 방법을 보여줍니다..


WordPress에서 SVG 파일을 쉽게 추가

SVG 란 무엇인가?

SVG 또는 Scalable Vector Graphics는 XML 마크 업 언어를 사용하여 벡터 그래픽을 정의하는 파일 형식입니다. SVG의 주요 이점은 품질을 잃거나 픽셀 화없이 이미지를 확대 할 수 있다는 것입니다.

SVG는 어떻게 작동합니까?

SVG (Scalable Vector Graphics)는 XML을 사용하여 2 차원 도면을 표시하는 기술입니다. PNG, GIF 또는 JPEG와 같이 일반적으로 사용되는 이미지 형식과 다릅니다.

png / jpeg 이미지 파일을 가져 와서 확대하면 이미지가 흐려지기 시작하고 픽셀 화됩니다..

벡터 그래픽은 픽셀을 사용하지 않습니다. 대신,보고있는 그래픽을 정의하는 2 차원 맵을 사용합니다. 확대해도 이미지가 픽셀 화되지 않습니다.

이를 통해 품질을 잃지 않고 벡터 그래픽을 확대 할 수 있습니다. 가장 중요하게 SVG 이미지는 JPEG 또는 PNG보다 파일 크기가 훨씬 작습니다..

벡터 그래픽은 일반적으로 아이콘, 아이콘 글꼴, 웹 사이트 로고 및 브랜딩 이미지에 사용됩니다. 회사 로고, 아이콘 또는 기타 그래픽을 위해 SVG 파일을 WordPress에 추가 할 수 있습니다.

소리가 들리면 SVG 파일은 여전히 ​​안전하지 않습니다. 그렇기 때문에 WordPress는 기본적으로 SVG 파일 업로드를 지원하지 않습니다.

WordPress에서 SVG 이미지를 업로드하면 다음 오류 메시지가 표시됩니다.

보안상의 이유로이 파일 형식은 허용되지 않습니다..

WordPress의 SVG 보안 오류

WordPress의 SVG에 관한 보안 문제

SVG 파일은 HTML과 유사한 XML 마크 업 언어의 코드를 포함합니다. 브라우저 또는 SVG 편집 소프트웨어는 XML 마크 업 언어를 구문 분석하여 화면에 출력을 표시합니다..

그러나 이것은 가능한 XML 취약점에 대한 귀하의 웹 사이트를 엽니 다. 사용자 데이터에 대한 무단 액세스, 무차별 대입 공격 또는 사이트 간 스크립팅 공격에 사용될 수 있습니다..

이 기사에서 공유 할 방법은 SVG 파일을 삭제하여 보안을 향상시킵니다. 그러나 이러한 플러그인은 악성 코드가 업로드되거나 삽입되는 것을 완전히 막을 수는 없습니다..

가장 좋은 해결책은 신뢰할 수있는 출처에서 만든 SVG 파일 만 사용하고 SVG 업로드는 신뢰할 수있는 사용자로만 제한하는 것입니다..

보안에 대한 자세한 내용은 초보자를위한 전체 WordPress 보안 가이드를 확인하십시오..

즉, WordPress에서 SVG 파일을 쉽고 안전하게 사용하는 방법을 살펴 보겠습니다..

방법 1. SVG 지원을 사용하여 WordPress에서 SVG 파일 업로드

이 방법은 WordPress에서 SVG 파일을 추가하기위한 완벽한 지원을 제공합니다. 또한 WordPress 게시물 및 페이지에 인라인 SVG를 표시 할 수 있습니다.

먼저 SVG 지원 플러그인을 설치하고 활성화해야합니다. 자세한 내용은 워드 프레스 플러그인 설치 방법에 대한 단계별 가이드를 참조하십시오..

활성화되면 방문해야합니다 설정»SVG 지원 플러그인 설정을 구성하는 페이지.

SVG 지원 설정

설정 페이지에서 ‘관리자 제한’옵션 옆의 확인란을 선택해야합니다. 이를 통해 사이트 관리자 만 WordPress에서 SVG 파일을 업로드 할 수 있습니다.

다음 옵션은 고급 모드를 켜는 것입니다. CSS 애니메이션 및 인라인 SVG 렌더링과 같은 고급 기능을 사용하려는 경우에만이 옵션을 선택하면됩니다..

변경 사항 저장 버튼을 클릭하여 설정을 저장하는 것을 잊지 마십시오.

이제 새 게시물을 작성하거나 기존 게시물을 편집 할 수 있습니다. 게시물 편집기에서 다른 이미지 파일을 업로드하는 것처럼 SVG 파일을 업로드합니다. 이미지 블록을 편집기에 추가 한 다음 SVG 파일을 업로드하기 만하면됩니다..

이제 WordPress에 SVG 파일을 업로드하고 포함 할 수 있습니다.

WordPress 게시물에 SVG 파일 포함

방법 2. 안전한 SVG를 사용하여 WordPress에 SVG 파일 업로드

이 방법은 또한 플러그인을 사용하며 WordPress에 업로드 된 SVG 파일의 위생 처리를 수행 할 수 있습니다.

가장 먼저해야 할 일은 Safe SVG 플러그인을 설치하고 활성화하는 것입니다. 자세한 내용은 워드 프레스 플러그인 설치 방법에 대한 단계별 가이드를 참조하십시오..

플러그인은 기본적으로 작동하며 구성 할 설정이 없습니다. SVG 파일 업로드를 시작하면됩니다..

단점은이 플러그인을 사용하면 WordPress 사이트에 게시물을 쓸 수있는 모든 사용자가 SVG를 업로드 할 수 있다는 것입니다.

파일을 업로드 할 수있는 사람을 제어하려면 플러그인의 프리미엄 버전을 구매해야합니다.

이 기사가 WordPress에 SVG를 안전하게 추가하는 방법을 배우는 데 도움이 되었기를 바랍니다. WordPress에서 가장 일반적인 이미지 문제 및 해결 방법에 대한 기사를 참조하십시오..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map